Как использовать тег DOCTYPE html

Тег <!DOCTYPE html> всегда должен располагаться в начале исходного кода HTML-документов и подстраниц. Благодаря DOCTYPE можно с первого взгляда определить, с каким типом документа вы имеете дело. Если декларация отсутствует в документе, это может привести к ошибкам в отображении вашего сайта.

Что такое DOCTYPE html?

Если вы работаете с HTML-документами, то наверняка знаете <!DOCTYPE html>. Хотя это не один из классических тегов HTML, DOCTYPE html должен быть на первом месте в HTML-документах. Еще до фактического исходного кода DOCTYPE указывает, какой тип документа должен открыть браузер и какой синтаксис и грамматика кода используется. Хотя декларация является одним из самых важных элементов HTML-документа, о ней часто забывают. Поскольку его наличие теперь предполагается, не стоит забывать отмечать тип документа для каждой страницы с помощью . Хорошие HTML-редакторы оснащены функцией проверки ошибок, которая указывает на отсутствие строк DOCTYPE.

Совет

В то время как декларация DOCTYPE уточняет тип документа, HTML div служит пустым контейнером без семантического смысла, который вы можете свободно заполнить скриптами и CSS для оформления сайта.

Для чего используется DOCTYPE html?

Цель DOCTYPE html — предоставить программистам и браузерам информацию с первого взгляда об определении типа документа (DTD) и о том, как должен отображаться веб-сайт. DTD указывает, какой язык кода используется на странице или в HTML-документе. Это относится, например, к файлам на HTML, XHTML, SVG, MathML или XML. Поэтому, если вы изучаете HTML и хотите создать веб-сайт, в качестве первого шага вам следует вставить.

Если вы не включите декларацию DOCTYPE, веб-сайты могут отображаться некорректно. Это происходит потому, что браузеры автоматически переключаются в «режим причуд», если <!DOCTYPE html> отсутствует. Это делается для того, чтобы сохранить обратную совместимость и представление веб-сайтов, отстающих от современных стандартов кода. В то же время это может привести к некорректному отображению вещей, несмотря на текущий код, когда браузеры подчиняются устаревшим, недопустимым элементам кода.

Примечание

Поскольку <!DOCTYPE html> не является типичным HTML-тегом, не существует и закрывающего HTML-тега с открывающей скобкой и косой чертой (</). Кроме того, не применяется чувствительность к регистру, поэтому верхний и нижний регистр не имеют решающего значения.

Какие виды DOCTYPE html существуют?

Поскольку DOCTYPE html в HTML5 не основан на SGML, его форму очень легко запомнить. Он не требует чувствительности к регистру и размещается непосредственно перед первым тегом HTML в первой строке HTML-документа. Информация, необходимая браузеру о типе документа и его отображении, выглядит следующим образом:

<!DOCTYPE html>

Примеры кода для старых версий HTML

В документах, которые все еще используют старые версии HTML, такие как HTML4 или XHTML, DOCTYPE выглядит гораздо сложнее. Поэтому даже опытные программисты часто вставляют его в HTML-документ. Сложность объясняется тем, что HTML4 и более старые языки разметки основаны на предшественнике HTML — SGML (Standardized Generalized Markup Language), а браузеры нуждаются в точном определении типа документа.

В языках разметки до HTML5 эти коды DOCTYPE используются в начале HTML-документа:

XHTML 1.0 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Loose//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">

XHTML 1.1 Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Для электронных книг в стандарте EPUB2, а также более старых форматов электронных книг, декларация DOCTYPE в XHTML 1.1 Strict все еще добавляется в начале документа XHTML:

HTML 4.01 Strict:

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

HTML 4.01 Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Примечание

В отличие от HTML5 и его предшественников, для формата SVG — а также до и после SVG 1.2 — не рекомендуется декларация DOCTYPE, поскольку после SVG 1.2 не используется DTD.

Почему DOCTYPE html так важен?

Декларация DOCTYPE html не является обязательной и может быть пропущена в HTML-документах. Несмотря на это, спецификация типа документа считается неофициальным стандартом. Если декларация отсутствует, это будет отмечено как ошибка, например, при проверке HTML-документа. Если браузер не может точно определить используемые правила синтаксиса и грамматики, могут возникнуть ошибки отображения и нарушиться функциональность веб-сайта.

Полезно знать: DOCTYPE должен появляться не только в начале исходного кода. Каждая отдельная подстраница в HTML-документе должна содержать декларацию.

Оцените статью
cdelat.ru
Добавить комментарий