Теория урока

10. Первая строка всех сайтов - DOCTYPE

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущем уроке познакомились с общей структурой HTML-страницы. В этом уроке познакомимся с самой первой строкой HTML-страницы, которая уведомляет браузер о типе HTML-документа.

Что такое `<!DOCTYPE html>`?

Вы можете посмотреть код любого сайта и увидеть, что первая строка выглядит так: <!DOCTYPE html>, и неспроста. Этот маленький, но важный элемент сообщает браузеру тип документа. Он сообщает версию HTML.

Именно <!DOCTYPE html> сообщает об использовании пятой версии HTML (HTML5). Например, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, сообщает об использовании четвертой версии HTML (HTML4). Не стоит запоминать второй пример, он нам не пригодится, так как мы будем ровняться на HTML5.

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

Сайт, у которого отсутствует этот важный элемент, можно назвать невалидным.

Подведем итог: пишем всегда в начале html страницы, строку и тогда поисковики и браузеры будут нас любить. Кстати, опять сказал про SEO.

Подробнее о теге DOCTYPE

Тег DOCTYPE, согласно спецификации HTML, объявляет тип документа. То есть он объявляет валидатору, какую версию документа использовать.

Тег DOCTYPE должен находиться в первой строке каждого документа HTML. Он очень важен для правильного отображения страниц сайта браузером.

Если вы все же не указали DOCTYPE, то браузер начнет гадать, какой тип вы использовали. В конце 90-х годов, писали без тега DOCTYPE. Сейчас уже другой век. Правильный DOCTYPE вы можете найти на сайте консорциума [ссылка доступна авторизованным пользователям]. Не стоит тратить время на поиск нужного DOCTYPE, потому что это не так требуется. Можно просто написать: <!DOCTYPE html>.

Примечание (10.2024)

Не забивайте голову этими стандартами. Это не пригодится в начале обучения (вряд ли вообще пригодится). Просто пишите <!DOCTYPE html> в начале HTML-страницы.

В следующем уроке поговорим о типовой структуре веб-страницы. В нем мы объединим полученные знания в одно целое. Урок будет чем-то похож на предыдущий.

10. Первая строка всех сайтов - DOCTYPE

Что такое <!DOCTYPE html>?

Подробнее о теге DOCTYPE

Похожие уроки Codebra

Что такое `<!DOCTYPE html>`?