Doctype HTML - што гэта? Што трэба ведаць аб элеменце

Што б ні казалі скептыкі, прагрэс па-ранейшаму застаецца з'явай, спыніць якое немагчыма. Аднак, у той час як адны абураюцца зацягнутым пераездам на месяцовыя дачы, іншыя літаральна апускаюцца ў паніку, бо паспець за зменамі становіцца ўсё складаней і складаней. Прыкладам падобныя «даганяючых» з'яўляюцца прадстаўнікі прафесій, звязаных з высокімі тэхналогіямі.

У той час як большасць вэб-дызайнераў, праграмістаў і вярстальшчыкі значна лепш адпавядаюць духу часу, чым якая-небудзь «баба Нюра», якая атрымлівае інфармацыю з тыднёвым спазненнем, ды яшчэ і са значнымі скажэннямі, рэальны стан рэчаў аказваецца некалькі іншым. Адпавядаць узроўню прагрэсу ў сферы новых тэхналогій даволі складана. Разгледзім просты прыклад: яшчэ нейкіх 5-10 гадоў таму распрацоўшчык анлайн-гульняў на Adobe Flash мог бы дасягнуць адчувальнага поспеху, шматлікія «Вясёлыя фермеры» з'яўляюцца прыкладам гэтаму. Аднак ужо сёння дадзеная тэхналогія паступова адмірае, саступаючы месца больш сучаснаму, але менш вывучаным асноўным большасцю HTML5. Дарэчы, менавіта HTML5 і з'яўляецца адным з «персанажаў» нашай сённяшняй гісторыі, прысвечанай буднях HTML-вярстальшчыкі.

Doctype HTML - што гэта такое?

Гэта высокатэхналагічны помнік ахвярам прагрэсу тэхналогій. Ліхія 90-е, якія вызначыліся не толькі «баявой» становішчам у нашай краіне, але і цалкам сабе сапраўднай вайной браўзэраў, прынеслі ў свет адразу некалькі прадуктаў, якія дазвалялі карыстальнікам кампутараў баразніць прасторы сусветнай сеткі. Вось толькі ёсць адна загваздка - папулярныя тады Netscape Navigator і Internet Explorer глядзелі на адны і тыя ж старонкі цалкам па-рознаму, адпаведна, і стваральнікі сайтаў стваралі абсалютна розныя старонкі для дадзеных праграм.

Стандарты? У тыя гады пра іх казаць было бессэнсоўна - W3C існавала ў зачаткавым стане, а прасоўвае свой IE Microsoft наогул славілася тым, што аддавала перавагу вынаходзіць свае ўласныя, не сумяшчальныя ні з чым ровары. Тым не менш да канца таго жудаснага (для вэб-распрацоўнікаў) дзесяцігоддзі сітуацыя ўсё-ткі нармалізавалася: з'явілася нейкае падабенства стандартаў, якія хай і не цалкам, але ўсё-ткі выконваліся усімі папулярнымі браўзэрамі.

Аднак становішча спраў аказалася такім, што стандарты кансорцыума і вытворцаў браўзэраў апынуліся, мякка кажучы, не ва ўсім падобнымі. Вы цалкам маглі стварыць абсалютна правільную з пункту гледжання HTML, CSS і DOM старонку, але які робяць вамі браўзэр ўпарта паказваў не тое, што вы чакалі ўбачыць.

Тым не менш час ішло, распрацоўшчыкі усё-ткі нарэшце вырашылі задумацца не толькі аб канкурэнтнай барацьбе, але і пра вэб-майстроў, і з'явіўся ён - Doctype HTML. Гэта адмысловы тэг, які распавядае браўзэру пра тое, як менавіта варта разглядаць тую ці іншую старонку.

Для чаго патрэбен Doctype ў HTML-кодзе?

Да з'яўлення адэкватных стандартаў, якім пачалі прытрымлівацца паўсюдна, многія распрацоўшчыкі браўзэраў стараліся перацягнуць коўдру на сябе, ствараючы ўласныя метады падыходу да той ці іншай тэхналогіі. У выніку адна і тая ж старонка выглядала ў розных браўзэрах па-рознаму. Зрэшты, пра гэта мы ўжо распавядалі, вось толькі не згадалі пра тое, што, калі вытворцы праграм для вэб-серфінгу апамяталіся, паўстала іншая, не менш цікавая праблема.

Уявіце сітуацыю: вы - тыповы вэб-распрацоўшчык канца 90-х гадоў. Так ужо выйшла, што вялікую частку часу вы праводзіце ў браўзэры Internet Explorer 4. Раптам Microsoft вырашае адумацца і робіць свой новы браўзэр больш «правільным», у выніку чаго становіцца не зусім ясна, як зараз пісаць сайты і што рабіць з тымі, якія ўжо створаныя. Натуральна, калі ў вас ёсць дастатковую колькасць часу, вы маглі б перапісаць свой HTML-код такім чынам, каб ён адпавядаў новым стандартам, але ж людзі - гультаяватыя істоты.

Менавіта ў гэты момант Doctype HTML аказваецца найбольш дарэчным «вынаходствам». У залежнасці ад таго, які менавіта тып дакумента паказаны ў пачатку старонкі, браўзэр будзе выбіраць найбольш прыдатны для дадзенага выпадку механізм адмалёўкі. Калі ж Doctype ў HTML-кодзе адсутнічае, браўзэр сыдзе ў рэжым сумяшчальнасці (як правіла, але зусім не абавязкова). У выніку той жа Internet Explorer 6 (хай архіў яму будзе пухам) пры адсутнасці тэга Doctype паводзіць сябе так, як быццам вы працуеце ў яго чацвёртай версіі.

віды 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 Public гарантуе, што любое адхіленне ад стандарту будзе подмечено браўзэрам, пасля чаго няправільна выкарыстаны тэг будзе праігнараваны. У прыватнасці, у строгім рэжыме любой тэг, няхай гэта будзе форма, малюнак або іншы элемент, абавязаны размяшчацца ўсярэдзіне блокавых тэгаў. Калі вы вырашыце абысціся без гэтага, то браўзэр папросту не адлюструе дадзены элемент, а спіс памылак вёрсткі папоўніцца парачкай запісаў.

Акрамя таго, цэлы шэраг тэгаў, якія дазваляюць фарматаваць тэкст, таксама пажадана выключыць - строгі рэжым мае на ўвазе выкарыстанне CSS.

Чалавечны падыход: Doctype Transitional

Калі суровы метад строгага шаблону вам не падыходзіць ці ж вы папросту прывыклі ісці супраць правілаў, заўсёды ёсць магчымасць звярнуцца да больш гуманнага тыпу Doctype HTML Public. W3C паклапаціліся пра тых, хто не хоча адмаўляцца ад звычак і жадае працаваць у больш мяккіх умовах, стварыўшы шаблон Transitional, які ўяўляе пераходную мадэль падыходу да валідацыю. Дадзены шаблон дае вам магчымасць бесперашкодна дазваляць сабе некаторыя вольнасці, напрыклад, забароненыя Strict-шаблонам тэгі, а таксама многія іншыя падыходы да вёрстцы, якія ня страцілі актуальнасці з канца 90-х гадоў.

«Мяккі» Doctype HTML 4 аб'яўляецца наступным чынам:

Для XHTML радок зноў выглядае некалькі інакш, аднак агульная тэндэнцыя захоўваецца:

На сённяшні дзень, нягледзячы на тое, што кожны вярстальнік імкнецца адпавядаць Strict-шаблоне, менавіта пераходны Doctype з'яўляецца найбольш папулярным. Тым не менш у дадзенага шаблону ёсць адно ўмоўнае абмежаванне: валідатар будзе «бракаваць» любыя старонкі, у якіх маюцца фрэймы. Калі ж вам неабходна звярнуцца да дадзенага метаду вёрсткі, варта звярнуць увагу на наступны - апошні шаблон.

Ад агульнага да прыватнага: Doctype Frameset

Падыход пры праверцы старонкі на адпаведнасць шаблоне Frameset ў цэлым аналагічны такому ў Transitional, аднак, акрамя пералічаных вышэй «вольнасцяў», дадзены шаблон дае вам магчымасць выкарыстоўваць фрэймы. Іншых адрозненняў Frameset не мае, таму застаецца толькі пералічыць радкі для аб'яваў, для HTML 4.01 і для XHTML 1.0:

На лязо прагрэсу

Натуральна, згадаўшы ў пачатку гэтага артыкула ўсе набіраючы папулярнасць стандарт HTML5, мы ніяк не маглі абыйсці ўвагай і гэтая мова разметкі. Пацешна, што W3C лічыць дадзеную версію HTML асноўнай, таму яе Doctype HTML 5 выглядае даволі сціпла. Іншымі словамі, дадзенае вызначэнне тыпу азначае, што браўзэру неабходна працаваць з "чыстым" HTML, якім і лічыцца сёння HTML5, у той час як звыклая для многіх чацвёртая версія лічыцца патэнцыйна састарэлай.

Іншыя разнавіднасці Doctype

На сённяшні дзень існуе яшчэ некалькі разнавіднасцяў шаблонаў Doctype, вялікая частка якіх тычыцца XHTML. У той час як другая версія гэтай мовы разметкі так і не выйшла ў свет, стаўшы часткай вышэйзгаданага HTML5, варыяцыі яе першай версіі, нягледзячы на не самую высокую распаўсюджанасць, жывыя і жывуць.

Ці так важны Doctype?

Магчыма, некаторыя пачаткоўцы «пісьменнікі» на HTML будуць спрабаваць ігнараваць аб'яву тыпу старонкі. Што ж, калі яны не вынеслі важнай інфармацыі з вышенаписанного, прывядзем адзін просты прыклад. Вось прыклад старонкі, якая выкарыстоўвае Transitional-шаблон:

Усё выглядае так, як і павінна было выглядаць па задумцы дызайнера, аднак варта нам «пераблытаць» Doctype, і мы атрымліваем наступнае:

Як бачыце, старонка зведала значныя змены: знік фонавы малюнак, меню ператварылася ў знявечаны спіс, некаторыя класы CSS папросту праігнараваныя, акрамя таго, у старонкі «отрос» другі скроллбар.

Спадзяемся, гэты прыклад дастаткова даступна тлумачыць ўсю важнасць вышенаписанного, таму нам застаецца толькі захоўваць ўважлівасць або, у ідэальным выпадку, вучыцца пісаць код, які праходзіць strict-валідацыю. Поспехаў вам!