Doctype HTML - co to je? Co potřebujete vědět o prvku

Bez ohledu na to, co skeptici říkají, pokrok je stále fenomén, který nelze zastavit. Nicméně, zatímco někteří jsou rozhořčeni nad prodlouženým přesunem do lunárních dachů, jiní doslova paniku, aby se drželi krok se změnami se stává stále obtížnější. Příkladem takového "dohánění" jsou zástupci profesí spojených se špičkovými technologiemi.

Zatímco většina webové designéry, programátory a kodéry jsou mnohem vhodnější pro ducha doby, spíše než jakékoliv „Nura Baba“, který obdrží informaci od týdne pozdě, ale přesto se značnými narušení, realita je poněkud odlišná. Je poměrně obtížné přizpůsobit úroveň pokroku v oblasti nových technologií. Zvažte jednoduchý příklad: asi před 5-10 lety vývojář online her na Adobe Flash mohl dosáhnout hmatatelného úspěchu, četné "Merry Farmers" jsou potvrzením. Tato technologie se však i dnes postupně vymírá, což dává prostor moderní, ale méně studované základní většině HTML5. Mimochodem, je to HTML5 a je jedním z "postav" našeho dnešního příběhu věnovaného každodenní tvorbě kódu HTML.

Doctype HTML - co to je?

Jedná se o high-tech památku obětí technologického pokroku. Utíká 90-S, které se odlišují pouze to „boj“ Situace v naší zemi, ale také docela skutečná válka prohlížečů, přivedl na svět jen několik výrobků, které umožňují uživatelům počítačů surfovat World Wide Web. To je jen jeden catch - populární pak Netscape Navigator a Internet Explorer se dívali na stejné stránky úplně jinak a tvůrci stránek vytvořili zcela odlišné stránky pro tyto programy.

Normy? V těch letech, mluvit o nich nemělo smysl - W3C existovala v plenkách, a propagovat svou IE Microsoft obecně známo, že raději vymyslet jejich vlastní, nejsou kompatibilní s ničím kola. Nicméně, na konci té hrozné (pro webové vývojáře) dekády se situace vrátila do normálu po tom všem: tam bylo nějaké zdání norem, které ne-li zcela, ale stále respektovány všemi populárními prohlížeči.

Situace se však ukázala být taková, že se standardy konsorcia a výrobců prohlížečů nezdály být totéž. Z hlediska pohledu na to byste mohli vytvořit naprosto správně HTML, CSS a DOM, ale preferovaný prohlížeč neustále zobrazoval to, co očekáváte.

Nicméně, čas plynul, vývojáři nakonec rozhodli přemýšlet nejen o soutěži, ale také o webmasterech, a objevil se - Doctype HTML. Jedná se o speciální název značky, který informuje prohlížeč o tom, jak zobrazit konkrétní stránku.

Proč Doctype v HTML?

Před vznikem přiměřených standardů, které se začaly řídit všude, se mnoho vývojářů prohlížečů pokoušelo vytáhnout přikrývku nad sebou a vytvořila vlastní metody přístupu k určité technologii. Výsledkem je, že stejná stránka vypadala v různých prohlížečích jinak. Ovšem už jsme o tom mluvili, ale prostě nezmínil, že když se producenti programů pro surfování po internetu objevili, objevil se další, ne méně zajímavý problém.

Představte si situaci: jste typickým vývojářem webu z konce 90. let. To jen tak se stalo, že po většinu času strávíte v prohlížeči Internet Explorer 4. Microsoft rozhodne náhle přijdou k rozumu a vyrobit si nový prohlížeč je „správný“, přičemž není jasné, jak je tomu nyní vytvořit místa a co dělat s těmi, kteří již vytvořeno. Samozřejmě, pokud máte dostatek času, můžete kód HTML přepsat tak, aby splňoval nové standardy, ale lidé jsou líní tvory.

Právě v tomto okamžiku je Doctype HTML nejvhodnějším "vynálezem". V závislosti na typu dokumentu, který je uveden v horní části stránky, prohlížeč zvolí pro daný případ nejvhodnější mechanismus vykreslování. Pokud v kódu HTML neexistuje kód Doctype, prohlížeč přejde režim kompatibility (zpravidla, ale ne nutně). Výsledkem je, že stejný Internet Explorer 6 (i když je to archiv, bude vlevo), pokud se neobjeví značka Doctype, chová se, jako kdyby pracoval ve své čtvrté verzi.

Typy Doctype

Doctype má několik odrůd, které lze rozdělit do určitých kategorií. Nejprve popisuje hlavní typy značkovacího jazyka: HTML 4.01, HTML 5, XHTML 1.0 nebo XHTML 1.1. Za druhé, každý z těchto jazyků má své vlastní podřízené oddíly, což ukazuje na "koeficient zjišťování chyb", tedy na to, jak pevně je kód HTML nastaven podle standardů W3C. Je pravda, že ve druhém případě existují dvě výjimky - HTML5 a XHTML 1.1 nemají žádný poddruh a mají pouze jednu formu Doctype HTML. Ale o tom později ...

Přísný přístup: Doctype Strict

Pokud dáváte přednost vytvoření kódu HTML, který odpovídá každému z písmen platných zákonů, pak může být kromě vašeho vlastního zájmu použit také nástroj Doctype Strict. Pokud hodláte používat pokročilejší XHTML 1.0, pak by měla linie, se kterou budou jednotlivé prvky spouštět, vypadat takto:

Výběr přísné šablony Doctype HTML Public zajistí, že prohlížeč si všimne jakékoliv odchylky od standardu, po kterém bude chybně použitá značka ignorována. Zejména v přísném režimu musí být ve značkách bloku umístěna jakákoli značka, ať už je to forma, obrázek nebo jiný prvek. Pokud se rozhodnete bez něj, prohlížeč jednoduše nezobrazí tento prvek a seznam chyb rozložení bude vyplněn několika záznamy.

Navíc několik značek, které vám umožní formátovat text, je také žádoucí vyloučit - přísný režim znamená použití CSS.

Lidský přístup: Doctype Transitional

Pokud metoda přísné přísné šablony nevyhovuje vám, nebo jste jen zvyklíte, že se budete potýkat s pravidly, vždy máte možnost se uchýlit k humánnějšímu typu Doctype HTML Public. W3C se starala o ty, kteří se nechtějí vzdát svých návyků a chtějí pracovat v mírnějších podmínkách vytvořením přechodné šablony, která představuje přechodný model validačního přístupu. Tato šablona vám dává příležitost svobodně si dovolit určité svobody, jako jsou značky zakázané přísnou šablonou, stejně jako mnoho dalších přístupů k rozvržení, které od konce 90. let neztratily význam.

"Soft" Doctype HTML 4 je deklarován takto:

Pro linku XHTML linka opět vypadá trochu jinak, ale celkový trend zůstává:

K dnešnímu dni, a to navzdory skutečnosti, že se každé uspořádání pokouší odpovídat Strict šabloně, je to nejpopulárnější přechodný Doctype. Nicméně tato šablona má jedno podmíněné omezení: validátor "odmítne" všechny stránky, ve kterých jsou rámce. Pokud se budete muset uchýlit k této metodě uspořádání, měli byste věnovat pozornost následujícím - poslední šabloně.

Z obecných na specifické: Doctype Frameset

Přístup pro kontrolu stránky pro shodu se šablonou Frameset je obecně podobný postupu pro přechod, ale kromě výše uvedených "svobod" vám tato šablona umožňuje používat rámce. Frameset nemá žádné jiné rozdíly, takže zůstává pouze seznam řádků pro reklamy, pro HTML 4.01 a XHTML 1.0:

Na okraji pokroku

Samozřejmě, že jsme se na začátku tohoto článku zmínili o všem standardě HTML5, který získává popularitu, nemůžeme tento značkovací jazyk ignorovat. Je zábavné, že W3C považuje tuto verzi HTML za hlavní, takže její Doctype HTML 5 vypadá spíše skromně. Jinými slovy, tato definice typu znamená, že prohlížeč potřebuje pracovat s "čistým" kódem HTML, který je dnes považován za HTML5, zatímco čtvrtá verze, která je pro mnohé obvyklá, je považována za potenciálně zastaralou.

Jiné odrůdy Doctype

K dnešnímu dni existuje několik dalších odrůd Doctype šablon, z nichž většina se týká XHTML. Zatímco druhá verze tohoto značkovacího jazyka se nikdy nedostala na světlo a stala se částí výše zmíněného HTML5, variace jeho první verze, i přes nejvyšší prevalenci, jsou živé a dobře.

Je Doctype důležitý?

Možná, že se někteří noví "spisovatelé" na HTML pokusí ignorovat deklarace typu stránky. No, pokud z výše uvedených informací nevyjádřili důležité informace, dejme jeden jednoduchý příklad. Zde je příklad stránky s přechodovou šablonou:

Vše vypadá tak, jak by to vypadalo pro návrháře, ale musíme "smíchat" Doctype a my dostaneme následující:

Jak můžete vidět, stránka prošla významnými změnami: vybledlé tapety, menu se stal znetvořenou seznam, CSS některé třídy jednoduše ignoroval navíc stránka „otros“ Druhý posuvník.

Doufáme, že tento příklad je dostatečně dostupný, aby vysvětlil význam výše uvedeného, ​​proto potřebujeme pouze zůstat v pohotovosti nebo v ideálním případě psát kód, který prochází přísnou validací. Hodně štěstí!