przeglądarka - Kurs HTML i CSS
Czcionki CSS / Rodzaj czcionki {font-family}...czcionki, podane w pierwszej kolejności (najczęściej wykorzystuje się rodziny: serif lub sans-serif). Niestety, ponieważ w takim przypadku to przeglądarka automatycznie dobiera rodzaj czcionki, może się zdarzyć, że wybierze czcionkę, która niepoprawnie zapisuje polskie znaki (tak się właśnie stało w mojej przeglądarce z rodziną fantasy). Chociaż jeśli chodzi o rodziny podstawowe (serif, sans-serif, monospace), wszystko powinno być w porządku. Przykład {font-family: serif sans-serif...
- Pozycjonowanie CSS / Obcinanie {clip}
...chodzi o składnię tego polecenia. Nie dość, że sposób ustalania krawędzi prostokąta cięcia został zupełnie zmieniony w CSS 2.1, ponieważ żadna przeglądarka - prawdopodobnie ze względu na trudności w implementacji - nie interpretowała wcześniejszej propozycji, to jeszcze na dodatek CSS 2 niejednoznacznie określiła, jakimi separatorami powinny być rozdzielone wartości w nawiasie rect(...). CSS 2.1 mówi wyraźnie: każda przeglądarka musi obsługiwać jako separator znak przecinka, ale...
Wykaz skryptów / Pozostałe skrypty...wyróżnia się bogatymi możliwościami konfiguracyjnymi oraz bardzo prostym sposobem osadzenia na stronie i oczywiście nie powoduje żadnych problemów w przeglądarkach, które nie obsługują JavaScript. Posiada system automatycznego wykrywania aktualnie załadowanej strony (bieżąca gałąź na starcie jest zawsze rozwinięta). Menu drzewiaste Rozbudowany system menu o strukturze drzewiastej, którego gałęzie rozwijają się po kliknięciu myszką folderów znajdujących się na liście. Zasada działania jest...
HTML5 / Ewolucja języka HTML...HTML jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Jak sprawdzić czy przeglądarka obsługuje HTML5? Przejdź na stronę pt. Czy mogę używać..., a następnie w sekcji HTML5 zobacz, które przeglądarki poprawnie wspierają różne elementy tego języka. Jaką mam wersję Chrome? Przeglądarka Google Chrome aktualizuje się automatycznie. Zatem prawdopodobnie masz zainstalowaną najnowszą jej wersję. Aby to sprawdzić...
- HTML5 / Składnia (X)HTML5
...<!DOCTYPE html> Specyfikacja pozwala również na stosowanie specjalnej deklaracji, która ma na celu uzyskanie kompatybilności z bardzo starymi przeglądarkami: <!DOCTYPE html SYSTEM "about:legacy-compat"> Wydaje się jednak, że nie ma takiej potrzeby i standardowa skrócona deklaracja jest w zupełności wystarczająca. Przykładowy dokument XHTML5 <?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>...</title> </head> <body>...
- HTML5 / Zmienione elementy i atrybuty HTML5
...użytkownika. MENU Służy do budowy użytecznych pasków narzędzi oraz menu kontekstowych. NOSCRIPT Zostanie wyświetlony wyłącznie, jeśli przeglądarka w ogóle nie obsługuje dynamicznych skryptów, a nie kiedy nie potrafi zinterpretować języka skryptowego, określonego w poprzedzającym go znaczniku SCRIPT. S Oznacza treść, która nie jest dłużej trafna lub istotna, z punktu widzenia pozostałej zawartości dokumentu. SCRIPT Istnieje możliwość określenia dodatkowych wartości atrybutu...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć czytania treści strony, na nic nie czekając. <script async src="plik.js"></script> Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna wczytywanie skryptu dopiero po załadowaniu...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Każda przeglądarka ma wbudowany domyślny arkusz stylów. Dzięki niemu nawet jeśli nie dołączymy żadnych własnych stylów do dokumentu, to np. tekst zawarty w znaczniku B i tak będzie pogrubiony. To bardzo przydatna funkcja, bo przeglądarka w ten sposób załatwia za nas sporo pracy. Może się jednak zdarzyć, że w naszym arkuszu stylów zmienimy sposób...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
...to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego skryptu JavaScript na stronie zwykle powoduje, że przeglądarka przestaje wykonywać inne operacje, dopóki go nie załaduje i nie uruchomi. Możemy jednak pozwolić na wykonywanie niektórych czynności równolegle - np. ładowanie innych zasobów zewnętrznych osadzonych w dokumencie - a zablokować jedynie samo wyświetlanie strony (ang. render), dopóki kod skryptu nie zakończy swojego uruchomienia i nie...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze te zasoby z wyższym priorytetem.