Тег Doctype - просто о важном

Только представьте: вы создаете страницу сайта, все делаете по правилам, однако ваш браузер некорректно отображает всю ту информацию, которую вы разместили на вашей странице. С чем это может быть связано?

Некорректное отображение данных, представленных на веб-странице, обуславливается в первую очередь тем, что браузер неправильно определяет тип документа, размещенного на странице – DTD.

В свою очередь это может быть вызвано только тем, что вы использовали неверный заголовок для кода. Для правильного определения типа DTD сегодня существует специальный тег под названием Doctype.

Не лишним будет упомянуть о том, что данный тег имеет достаточно долгую историю. Он был разработан в то время, когда создали Internet Explorer 5 для MacOS и столкнулись с определенными трудностями чтения некоторых страниц.

Дело в том, что новая (по тем временам) версия браузера превзошла все ожидания и просто перестала отображать старые страницы сайтов надлежащим образом. И поэтому, старые страницы, не имевшие в коде на тот момент данного тега, были оснащены Doctype, стоящим перед элементом html.

Содержание

Почему необходимо указывать именно Doctype?

Как уже было сказано выше, данный тег вставляют в код любого веб-документа для правильного определения его типа. Указание типа документа требуется в первую очередь потому, что сегодня существует сразу несколько версий HTML документов, написанных на разных языках. В том числе существует и расширенная версия – XHTML.

Пример тега Doctype:

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

Разновидности тега Doctype

Сегодня существует несколько вариантов данного тега, которые используется для разных версий веб-документов:

  • Doctype HTML 4.01. Код с использованием данного тега выглядит следующим образом:
    <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>.

    В данном случае используется строгий html:

  • <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>...</title>
    </head>
    <body>
       <p align="center"><font>...</font></p>
    </body>
    </html> «http://www.w3.org/TR/html4/strict.dtd»>.
    • Переходные версии Doctype HTML 4.01.
    • HTML5 Doctype выглядит таким образом . Этот тег подходит для любых документов.

    Что произойдет, если использовать старые версии тега Doctype?

    Значение тега Doctype очень важно, так как именно он позволяет работать всем веб-страницам в соответствии с указанным стандартом.

    В том случае, если вы будете использовать неполную версию тега, некорректно его вставите или же не будете использовать его в коде и вовсе, то ваш браузер автоматически перейдет в «загадочный» режим.

    Отображение документа в данном случае будет происходить таким образом, будто вы вольно отступали от стандартов.

    На сегодняшний день только браузер Opera старается отображать страницы таким образом, как если бы они соответствовали всем стандартам, независимо от того, был ли использован тег Doctype или же нет.

    Однако, стоит отметить, что данный браузер пока не полностью поддерживает все стандарты W3C DOM, но работы над этим уже ведутся.

    Где можно взять качественный тег Doctype?

    Если вы хотите получить и использовать правильный тег Doctype, то вы можете воспользоваться сервисом www.w3.org, что и делают сегодня большинство веб-мастеров.

    Здесь вы можете взять DOCTYPE HTML PUBLIC, который потребуется для определения веб-документов типа HTML 4.01, а также Doctype HTML 5 и многие другие типы тегов, необходимые для создания страниц, соответствующих стандартам.

    Пример использования тега для HTML 5, взятого с www.w3.org:

    <!DOCTYPE html>
    <html>
    <head>
    <title>!DOCTYPE</title>
    <meta charset="utf-8">
    </head>
    <body>
    <p>Text, text, text,text, text, text, text,</p>
    </body> 
    </html>

    Надеюсь, что данная статья оказалась для Вас полезной! Удачи!