Трохи про doctype, css-tricks по-російськи

Трохи про DOCTYPE

У цій невеликій статті хотілося б торкнутися такий важливий питання, як використання тега "doctype". Якщо бути точніше, то doctype не є тегом html, а вказує браузеру яку версію мови розмітки використовувати для коректного відображення сторінки (наприклад: XHTML 1.0 або HTML 4.01).

Можливо ви стикалися з ситуацією, коли все зроблено правильно (html-розмітка, css), а сторінка все одно відображається некоректно. Можливо вся справа саме в відсутності, або неточному вказівці даного "тега". В даному випадку браузер перемикається в "особливий" режим роботи (вважаючи що ви відійшли від стандартів і дозволили собі трохи вольностей) і намагається відобразити сторінку так як вважає за потрібне, а не так як ви цього хотіли. Зрозуміло, що така поведінка браузера нас не влаштовує.

Приклад найбільш поширених видів doctype:

І трохи про те, що означає: Strict, Transitional і Frameset.

  • Strict - в даному DTD відсутні теги мають статус "досвідчений" (presentational) або небажаний до застосування (deprecated).
  • Transitional - більш м'який (перехідний) DTD. Він включає в себе все від Strict, а також дозволяє використовувати досвідчені і небажані теги. Не можна використовувати фрейми.
  • Frameset - в свою чергу успадковує всі від Transitional і дозволяє використовувати фрейми.

Трохи про doctype, css-tricks по-російськи