Doctype HTML - какво е това? Какво трябва да знаете за елемента

Каквито и скептици да казват, напредъкът все още е феномен, който не може да бъде спрян. Въпреки това, докато някои се възмущават от продължителното преместване на лунните даки, други буквално паника, за да се справят с промените, става все по-трудно. Пример за такъв "наваксване" са представители на професиите, свързани с високите технологии.

Докато повечето уеб дизайнери, програмисти и програмисти са много по-подходящи за духа на времето, отколкото който и да е "Нура Баба", която получи информация от седмицата закъснение, но все още със значителни изкривявания, реалността е малко по-различна. Трудно е да се съчетае нивото на напредък в сферата на новите технологии. Помислете за един прост пример: преди дори някои 5-10 години, разработчик на онлайн игри на Adobe Flash може да се постигне осезаем успех, многобройни "Happy Farmer" са доказателство за това. Въпреки това, дори и днес, тази технология постепенно изчезва, отстъпвайки място на по-модерно, но по-малко изучено основно мнозинство от HTML5. Между другото, това е HTML5, и е един от "героите" на днешните истории, посветени делничните дни HTML-DTP.

Doctype HTML - какво е това?

Това е високотехнологичен паметник на жертвите на технологичния прогрес. Ударението на 90-те години, което се различава не само в ситуацията на "борба" в нашата страна, но и доста истинска война от браузъри, донесе на света няколко продукта, които позволиха на потребителите на компютри да орежат пространствата на световната мрежа. Това е само един улов - популярен тогава Netscape Navigator и Internet Explorer разглеждат същите страници по съвсем различни начини, а създателите на сайтовете създават напълно различни страници за тези програми.

Стандарти? През тези години беше безсмислено да се говори за тях - W3C беше в ранна детска възраст, а Microsoft, която популяризира своята IE, беше известно, че предпочита да създава свои собствени велосипеди, които са несъвместими с всичко. Независимо от това, до края на това ужасно (за уеб разработчиците) десетилетие, ситуацията все още беше нормална: изглеждаше, че някои стандарти изглеждат все още уважавани от всички популярни браузъри.

Въпреки това състоянието на нещата се оказа такава, че стандартите на консорциума и производителите на браузъри се оказваха не еднакви. От гледна точка на това бихте могли да създадете съвсем правилно HTML, CSS и DOM, но предпочитаният от вас браузър постоянно не показва какво очаквате да видите.

Въпреки това, времето минало, разработчиците накрая реши да мисли не само за състезанието, но и за уебмастъри, и той се появи - Doctype HTML. Това е специално име на маркер, което казва на браузъра как да преглежда определена страница.

Защо Doctype в HTML?

Преди появата на адекватни стандарти, които започнаха да се следват навсякъде, много разработчици на браузъри се опитаха да изтеглят одеялото върху себе си, създавайки свои собствени методи за подход към определена технология. В резултат на това една и съща страница изглеждаше различна в различните браузъри. Ние обаче вече говорихме за това, но просто не споменахме, че когато производителите на програми за сърфиране в мрежата дойдоха в предвид, възникна друг, не по-малко интересен проблем.

Представете си ситуация: вие - типичен уеб разработчик края на 90-те години. Просто така се случи, че повечето от времето, което прекарвате в браузъра Internet Explorer 4. Microsoft реши да изведнъж дойде на себе си и да направи новия си браузър е по- "правилно", с което не е ясно, както е сега, за да създадете сайт и какво да правим с тези, които вече имат създаден. Разбира се, ако имате достатъчно време, можете да пренапише своята HTML-код по такъв начин, че да отговаря на новите стандарти, но тъй като хората - мързеливи същества.

В този момент Doctype HTML е най-подходящото "изобретение". В зависимост от вида на документа, посочен в горната част на страницата, браузърът ще избере най-подходящия механизъм за показване за дадения случай. Ако в HTML кода няма Doctype, браузърът ще отиде режим на съвместимост (по правило, но не задължително). В резултат на това един и същ Internet Explorer 6 (дори ако е архив, той ще бъде надолу) при отсъствието на етикет Doctype се държи като че ли работите в четвъртата му версия.

Видове доктове

Знакът "Doctype" има няколко разновидности, които могат да бъдат разделени на определени категории. Първо, той описва основните типове маркиращ език: HTML 4.01, HTML 5, XHTML 1.0 или XHTML 1.1. На второ място, всеки от тези езици има свои собствени подразделения, сочещи "коефициента на откриване на грешки", т.е. колко твърд е HTML кодът, определен от стандартите на W3C. Вярно е, че във втория случай има две изключения - HTML5 и XHTML 1.1 нямат никакъв подвид и имат само една форма на Doctype HTML. Но повече за това по-късно ...

Строг подход: Doctype Strict

Ако предпочитате да създадете HTML код, съответстващ на всяка буква от валидаторния закон, допълнителен стимул (освен вашия собствен интерес) може да бъде използването на Doctype Strict. Ако планирате да използвате по-усъвършенстван XHTML 1.0, тогава линията, с която всеки елемент ще започне, трябва да изглежда така:

Изборът на стриктен държавен шаблон за Doctype HTML гарантира, че всяко отклонение от стандарта ще бъде забелязано от браузъра, след което неправилно използваният маркер ще бъде пренебрегнат. По-специално, в строг режим, всеки маркер, независимо дали е форма, изображение или друг елемент, трябва да се намира вътре в блоковите маркери. Ако решите да направите без него, браузърът просто не показва този елемент, а списъкът с грешки в оформлението ще бъде попълнен с няколко записа.

В допълнение, редица маркери, които ви позволяват да форматирате текста, също е желателно да изключите - стриктният режим предполага използването на CSS.

Човешки подход: Doctype Transitional

Ако методът на строг строг шаблон не ви е подходящ или просто сте свикнали да се противопоставяте на правилата, винаги има възможност да се прибегне до по-хуманния тип Doctype HTML Public. W3C се грижи за тези, които не искат да се откажат от навиците си и искат да работят в по-леки условия, като създадат преходен шаблон, който представлява преходен модел на подхода за валидиране. Този шаблон ви дава възможност свободно да си позволите някои свободи, като тагове, забранени от Strict-template, както и много други подходи към оформлението, които не са загубили значение от края на 90-те.

"Soft" Doctype HTML 4 се обявява, както следва:

За XHTML линията отново изглежда малко по-различна, но общата тенденция остава:

Досега въпреки факта, че всяко оформление се опитва да съответства на строгия шаблон, това е най-популярният преходен Доктйп. Независимо от това, този шаблон има едно условно ограничение: валидаторът ще "отхвърли" всички страници, в които има рамки. Ако трябва да прибягвате до този метод на оформление, трябва да обърнете внимание на следното - последния шаблон.

От общо до специфично: Doctype Frameset

Подходът за проверка на страницата за съвпадение на шаблона на Frameset обикновено е подобен на този на Transitional, но в допълнение към "свободите", изброени по-горе, този шаблон ви дава възможност да използвате рамки. Frameset няма други разлики, така че остава само да се изброят линиите за реклами, за HTML 4.01 и за XHTML 1.0:

На ръба на напредъка

Естествено, като споменахме в началото на тази статия всички HTML5 стандарти, които печелят популярност, не можем да пренебрегнем този маркиращ език. Странно е, че W3C счита, че тази версия на HTML е основната, така че нейният Doctype HTML 5 изглежда доста скромен. С други думи, тази дефиниция на тип означава, че браузърът трябва да работи с "чист" HTML, който HTML5 се разглежда днес, докато четвъртата версия, която е обичайна за мнозина, се счита за потенциално остаряла.

Други сортове Доктпи

Към днешна дата има още няколко разновидности на шаблони на Doctype, повечето от които засягат XHTML. Докато втората версия на този маркиращ език никога не излезе наяве и стана част от гореспоменатия HTML5, вариациите на неговата първа версия, въпреки че не са с най-голямо разпространение, са живи и добри.

Дали Ваучер ли е важен?

Може би някои начинаещи "писатели" в HTML ще се опитат да игнорират декларацията за тип на страницата. Е, ако не извлекат важна информация от горното, нека дам един прост пример. Ето пример за страница, използваща шаблона за преход:

Всичко изглежда по начина, по който трябва да изглежда като дизайнер, но трябва да "смесим" Doctype и получаваме следното:

Както можете да видите, страницата е претърпяла значителни промени: фоновото изображение е изчезнало, менюто се е превърнало в осакатен списък, някои класове на CSS са просто игнорирани, в допълнение страницата има втора лента за превъртане.

Надяваме се, че този пример е достатъчно достъпен, за да обясни значението на гореизложеното, затова трябва само да останем нащрек, или в идеалния случай да напишем код, който преминава строго валидиране. Успех за теб!