Loading...- Wprowadzenie
- Typ dokumentu HTML5
- Element html
- Element head
- Kodowanie znaków w HTML5
- Relacje między dokumentami
- Elementy semantyczne HTML5
- Obsługa nieznanych elementów
- Nagłówki w HTML5
- Artykuły w HTML5
- Elementy daty i godziny HTML5
- Nawigacja w HTML5
- Stopka strony w HTML5
Kod z początku strony:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Jest to tzw. typ dokumentu (ang. doctype). Typy dokumentu mają długą historię i wiele tajemnic. Pewnego razu programiści z Microsoftu pracujący nad Internet Explorerem 5 dla systemów Mac znaleźli się w zaskakującej sytuacji. Przeglądarka nad którą pracowali tak bardzo poprawiła się pod względem obsługi standardów, że starsze strony zaczęły w niej źle wyglądać. Tak naprawdę te strony w końcu zaczęły być poprawnie wyświetlane (zgodnie ze standardami), tylko ludzie oczekiwali, że będą się wyświetlać nieprawidłowo. Strony, o których mowa były tworzone z uwzględnieniem kaprysów najpopularniejszych w tamtych czasach przeglądarek, czyli Netscape 4 i Internet Explorer 4. A przeglądarka IE5 dla systemu Mac była tak zaawansowana, że wszystko psuła.
W związku z tym w Microsofcie wymyślono nowatorskie rozwiązanie. Przeglądarka IE5 dla systemu Mac odczytywała typ dokumentu, który powinien znajdować się w pierwszym wierszu źródła HTML strony (nawet przed elementem html). Stare strony (zbudowane wg dziwacznych zasad starych przeglądarek) zazwyczaj w ogóle nie miały określonego typu dokumentu. Przeglądarka IE 5 dla systemu Mac takie strony wyświetlała tak, jak by to zrobiły stare przeglądarki. Aby włączyć obsługę standardów, twórcy stron musieli zgłosić ten zamiar poprzez zastosowanie na stronie właściwego typu dokumentu przed elementem html.
Pomysł ten podchwyciły inne firmy i już po krótkim czasie wszystkie najważniejsze przeglądarki miały po dwa tryby działania: „dziwaczny” (ang. quirks mode) i „standardowy”. Oczywiście, jak to zwykle w sieci bywa, sytuacja szybko wymknęła się spod kontroli. Gdy Mozilla przygotowywała wersję 1.1 swojej przeglądarki, odkryto że istnieją strony prezentowane w trybie standardowym, które polegały na jednym specyficznym dziwactwie. Mozilla poprawiła algorytmy renderujące, aby pozbyć się tego dziwactwa, co spowodowało, że poprawnie przestały działać tysiące stron internetowych na raz. I wtedy — naprawdę nie zmyślam — powstał „tryb prawie standardowy”.
Henri Sivonen w swojej przełomowej pracy pt. Activating Browser Modes with Doctype (Aktywowanie trybów przeglądarek za pomocą typu dokumentu), sporządził następujące zestawienie różnych trybów:
- Tryb dziwactw
- W trybie dziwactw przeglądarki ignorują najnowsze standardy sieciowe, aby „poprawnie” wyświetlać strony, które zostały utworzone zgodnie z zasadami obowiązującymi w latach 90.
- Tryb standardowy
- W trybie standardowym przeglądarki w miarę swoich możliwości próbują przetwarzać dobrze zbudowane dokumenty zgodnie ze standardami. W HTML5 tryb ten nazywa się „trybem bez dziwactw”.
- Tryb prawie standardowy
- Firefox, Safari, Chrome, Opera (od 7.5) i IE 8 mają dodatkowo tryb zwany „trybem prawie standardowym”, w którym algorytmy określania wysokości komórek tabeli są zaimplementowane w tradycyjny sposób, niezgodny ze specyfikacją CSS 2. W HTML5 tryb ten nazywa się „trybem umiarkowanych dziwactw”.
(Najlepiej przeczytaj cały artykuł Henriego, ponieważ ja tutaj bardzo dużo upraszczam. Nawet w IE 5 dla komputerów Mac było kilka starszych typów dokumentu, których nie brało się pod uwagę, jako obsługujące standardy. Z czasem lista dziwactw poszerzała się, a wraz z nią rosła liczba typów dokumentów powodujących włączenie trybu dziwactw. Ostatni raz naliczyłem pięć typów dokumentu powodujących włączenie trybu prawie standardowego i 73 włączające tryb dziwactw. Z pewnością jednak coś mi umknęło i nie mam nawet ochoty wspominać już o Internet Explorerze 8 i jego czterech — tak, czterech! — różnych trybach renderowania. Tu znajduje się ciekawy schemat. Zabić. I spalić.)
Zaraz, chwileczkę. O czym to mówiliśmy? Aaa tak, typ dokumentu:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Przedstawiony typ dokumentu jest jednym z 15 włączających tryb standardowy we wszystkich nowoczesnych przeglądarkach. Jest absolutnie poprawny. Jeśli ci się podoba, możesz go używać. Ale możesz też zacząć używać typu dokumentu HTML5, który jest krótszy i bardziej zwięzły, a też włącza tryb standardowy we wszystkich nowoczesnych przeglądarkach.
Typ dokumentu HTML5 wygląda tak:
<!DOCTYPE html>To wszystko. Tylko 15 znaków. Jest tak prosty, że można go wpisać ręcznie i się nie pomylić.
Wysyłam...
Dodaj komentarz