Używanie elementu DOCTYPE w trybie Quirks
Pomiń Doctype, aby przełączyć przeglądarki w tryb dziwactwa
Spis treściZwiększać- Przełączanie DOCTYPE i tryb dziwactwa
- Microsoft sprawia, że jest trudniej
- Co to jest tryb dziwactwa?
- Efekty trybu dziwactwa
- Wybierz DOCTYPE
- Dlaczego warto korzystać z DOCTYPE
Jeśli projektujesz strony internetowe dłużej niż kilka miesięcy, najprawdopodobniej zdajesz sobie sprawę z trudności w napisaniu strony, która wygląda tak samo we wszystkich przeglądarkach. W rzeczywistości to niemożliwe. Wiele przeglądarek zostało napisanych ze specjalnymi funkcjami, z którymi tylko one mogły sobie poradzić. Lub mają specjalne sposoby obsługi rzeczy, które różnią się od tego, jak radzą sobie z nimi inne przeglądarki. Na przykład:
|_+_|
wzywa.
- Warstwy zostały stworzone do użytku w przeglądarkach Netscape. Nie działają w żadnej innej przeglądarce iw rzeczywistości zostały przestarzałe w Netscape 6.x+.
- Ramki wbudowane zostały pierwotnie stworzone tylko dla Internet Explorera i od tego czasu stały się częścią specyfikacji HTML.
- Internet Explorer 6.0 dodaje dodatkową spację (np
) otaczające znaczniki, chyba że zapiszesz zawartość div w jednej (długiej) linii. (IE 6 ma o wiele więcej dziwactw niż ten.) - Netscape 4.7 nie wyświetla tabel, które nie są napisane w poprawnym HTML - zamiast tego pokazuje pustą stronę. Zostało to naprawione w Netscape 6.
Problem dla twórców przeglądarek polega na tym, że muszą tworzyć przeglądarki internetowe, które są wstecznie kompatybilne ze stronami internetowymi zbudowanymi dla starszych przeglądarek. Aby poradzić sobie z tym problemem, twórcy przeglądarek stworzyli tryby działania przeglądarek. Tryby te są definiowane przez obecność lub brak elementu DOCTYPE i co to
|_+_|
wzywa.
Przełączanie DOCTYPE i tryb dziwactwa
Jeśli umieścisz następujące
|_+_|, uruchamia tryb standardowy.
A jeśli to umieścisz
|_+_| deklaracji, przejdą w tryb dziwactwa. Tak więc oba te przykłady przestawią IE 6 w tryb dziwactwa, mimo że |_+_| przełączanie elementów- Tryb dziwactwa IE 5.5 (IE 8 i 9)
- Tryb standardów IE 7 (IE 8 i 9)
- IE 8 prawie standardowy tryb (IE 8 i 9)
- Tryb standardów IE 8 (IE 8 i 9)
- IE 9 prawie standardowy tryb (IE 9)
- Tryb standardów IE 9 (IE 9)
- Tryb XML (IE9)
IE 8 wprowadził również tryb zgodności, w którym użytkownik mógł wybrać zmianę modelu renderowania z powrotem na tryb IE 7. Tak więc, nawet jeśli ustawisz tryb, który chcesz ustawić, używając obu
|_+_| i |_+_| elementy, Twoja strona mogłaby nadalCo to jest tryb dziwactwa?
Tryb dziwactwa został stworzony, aby pomóc uporać się z wszystkimi dziwnymi renderowaniami i niezgodną obsługą przeglądarek oraz hackami, których projektanci stron internetowych używali do radzenia sobie z tymi rzeczami. Obawy producentów przeglądarek polegały na tym, że jeśli przestawią swoje przeglądarki na pełną zgodność ze specyfikacją, projektanci stron internetowych pozostaną w tyle. Konfigurując
|_+_| atrybut działa na przykład. IE8 i IE9 mają bardzo dramatyczne zmiany w skryptowaniu w trybie dziwactwa.Istnieją również różnice w trybie prawie standardów:
- Wysokość komórek tabeli zawierających tylko obrazy w środku jest obliczana inaczej niż w trybie standardów.
Jak wybrać DOCTYPE
Bardziej szczegółowo opiszę w moim artykule
|_+_|, tego powinieneś używać.Dlaczego warto korzystać z DOCTYPE
Gdy będziesz świadomy tego typu
|_+_| włączając się, możesz bardziej bezpośrednio wpływać na swoje strony internetowe, używając |_+_| wskazuje, czego przeglądarka może oczekiwać od Twojej strony. Ponadto, gdy zaczniesz używać
DOCTYPWersje przeglądarki i tryb dziwactwa
| |_+_| | Android Chrom Firefox IE 8+ iOS Opera 7.5+ Safari | IE 6 IE 7 Opera 7 | Netscape 6 |
|---|---|---|---|
| Nic | Tryb dziwactwa | Tryb dziwactwa | Tryb dziwactwa |
| HTML 3.2 | |||
| Tryb dziwactwa | Tryb dziwactwa | Tryb dziwactwa | |
| HTML 4.01 | |||
| Przejściowy | Tryb standardów* | Tryb standardów* | Tryb standardów |
| Przejściowy | Tryb dziwactwa | Tryb dziwactwa | Tryb dziwactwa |
| Rygorystyczny | Tryb standardów | Tryb standardów* | Tryb standardów |
| Rygorystyczny | Tryb standardów | Tryb standardów* | Tryb standardów |
| HTML5 | |||
| Tryb standardów | Tryb standardów* | Tryb dziwactwa |
* W przypadku tego DOCTYPE przeglądarki są bliskie zgodności ze standardami, ale mają pewne problemy — koniecznie przetestuj. Jest to również znane jako tryb prawie standardów.