10. Первая строка всех сайтов - DOCTYPE
Подписывайся на наш 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-страницы.
В следующем уроке поговорим о типовой структуре веб-страницы. В нем мы объединим полученные знания в одно целое. Урок будет чем-то похож на предыдущий.
Похожие уроки Codebra
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
- Раскомментируйте
<!DOCTYPE html>
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.
Это займет не больше минуты.