Doctype HTML: правила використання елемента

HTML — це мова гіпертекстової розмітки. І, як будь-який інший мову, з плином часу він зазнавав різноманітні зміни: змінювалися правила, вводилися нові теги і припиняли використовуватися старі. У зв’язку з цим було затверджено кілька версій мови HTML, для кожної з яких були справедливі певні правила і принципи.

Елемент <!DOCTYPE> в HTML задає браузеру інформацію, на якій версії мови HTML написана веб-сторінка.

Стандарти HTML

Специфікацією і розробкою мови HTML займається компанія World Wide Web Consortium або W3C, задає офіційно прийняті всіма іншими розробниками стандарти, за якими будуть верстатися сторінки.

На даний момент останньої офіційно прийнятої специфікацією мови HTML є HTML 5.

Відповідно, елемент DOCTYPE HTML вказує на те, до якого типу належить конкретний HTML-документ (DTD або опис типу документа).

Варіанти DOCTYPE

Нижче перераховані основні варіанти даного елемента з поясненнями.

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>

Це варіант суворого DTD. На сторінці, написаної під цим заголовком, не використовуються атрибути і теги, які у версії HTML 4.01 вважаються небажаними до застосування. У такій версії сторінки також не використовуються фрейми.

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>

Синтаксис перехідного варіанту. Допустимо використовувати атрибути і теги, які помічені у версії 4.0 у якості небажаних.

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»>

У версії документа, позначені таким варіантом DOCTYPE HTML застосовується такий елемент розмітки веб-сторінки, як фрейми.

<!DOCTYPE html>

Останній на даний момент варіант елемента DOCTYPE, що вказує на те, що документ написаний на HTML останнього, п’ятого стандарту.

Побудова елемента

Варто розібрати, з чого складається елемент DOCTYPE HTML, на прикладі одного з варіантів для сертифікації мови 4.0.

  • HTML — вказує на те, що для написання структури сторінки був використаний саме мова розмітки HTML.
  • PUBLIC — це уточнення показує, що задіяна прийнята офіційна версія мови.
  • -//W3C//DTD HTML 4.01 Transitional//EN — це публікується офіційне ім’я версії специфікації HTML. Саме за інформацією в цьому пункті браузер зрозуміє, яка версія задіяна, щоб інтерпретувати інформацію на сторінці правильним чином.
  • http://www.w3.org/TR/html4/loose.dtd — за цим посиланням розташовані ті самі стандарти даної версії мови, які будуть прочитані браузером. Вони підготовлені безпосередньо розробниками мови, вводившими сертифікацію.
  • Для HTML 5 використовується більш простий синтаксис елемента DOCTYPE — його достатньо, щоб браузер міг коректно інтерпретувати елементи розмітки на сторінці.

    Правила використання

    За стандартом, ухваленого розробниками, DOCTYPE HTML і <head>, <html>, <body> разом з іншими тегами, які визначають верстку сторінок, розташовуються по черзі, починаючи з елемента, задає стандарт мови, щоб браузер «побачив» його найпершим і коректно упізнав все інше.

    Синтаксис буде виглядати наступним чином:

    <!DOCTYPE HTML>
    <html>
    <head>

    </head>

    Якщо ви вказали якийсь конкретний варіант DOCTYPE, то слід дотримуватися всіх правил даного типу документа, у противному випадку браузер перестане сприймати його коректно і перейде в режим сумісності, де структура сторінки може бути відображена зовсім не так, як було задумано при розробці.

    Якщо у вас виникають складнощі з тим, який саме DOCTYPE вибрати, краще всього зупинитися на останньому, п’ятому варіанті — таким чином можна буде вберегти свою сторінку від можливого виникнення різночитань в різних браузерах.

    Серед розробників якийсь час існувала версія, що при використанні DOCTYPE п’ятої версії стандарту HTML старі браузери переходили в режим сумісності, що негативно відбивалося на верстці. Це не так — можна сміливо виставляти на своєму сайті цей варіант і не турбуватися про те, що ваш сайт може виглядати не так, як потрібно.

    Підіб’ємо підсумки

    Отже, можна зробити висновок, що більшість раніше прийнятих варіантів DOCTYPE попередніх специфікацій вже практично пішли в історію, зараз рекомендується користуватися останньою.

    Яку б версію DOCTYPE ви не вказували, рекомендується перевіряти код перед розміщенням в мережі на валідність будь-яким доступним сервісом — він вкаже на помилки і невідповідності.