Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

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

Что такое <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 страницы, строку <!DOCTYPE html> и тогда поисковики и браузеры будут нас любить. Кстати, опять сказал про SEO.

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

Тег DOCTYPE, согласно спецификации HTML, объявляет тип документа. То есть он объявляет валидатору, какую версию документа использовать. Тег DOCTYPE должен находиться в первой строке каждого документа HTML. Он очень важен для правильного отображения страниц сайта браузером. Если вы все же не указали DOCTYPE, то браузер начнет гадать, какой тип вы использовали. В конце 90-х годов, писали без тега DOCTYPE, а сейчас уже времена другие. Правильный DOCTYPE вы можете найти на сайте консорциума www.w3.org. Не стоит тратить время на поиск нужного DOCTYPE, потому что это не так требуется. Можно просто написать: <!DOCTYPE html>

<
×
>
Раздел «Знакомство с HTML»
Урок 0.1. Вводный урок по курсу HTML и CSS
Тест 0.2. Вводный тест по курсу HTML и CSS
Урок 1.1. Что такое HTML?
Урок 1.2. Первое знакомство с HTML
Урок 2.1. Теги в HTML. Одинарные и парные теги
Урок 2.2. Что такое теги и для чего они нужны?
Урок 2.3. Одинарные теги
Урок 2.4. Парные теги
Тест 2.5. Тест: теги
Урок 3.1. Структура HTML документа
Урок 3.2. Что означают теги HTML, HEAD, BODY?
Урок 3.3. Первая строка всех сайтов - DOCTYPE
Вы здесь
Урок 3.4. Исходный код веб-страницы
Урок 3.5. Заголовок в HTML - тег TITLE
Урок 3.6. Кодировка HTML страницы и атрибуты
Урок 3.7. Описание стилей в HTML документе
Урок 3.8. Подключение внешних файлов в HTML - стили CSS
Урок 3.9. Что не хватает в структуре?
Урок 3.10. Опять чего-то не хватает в структуре
Тест 3.11. Тест по структуре HTML документа
Тест 3.12. Тест по подключению файлов к веб-странице и кодировке
Урок 4.1. Использование HTML метатегов (Мета теги)
Урок 4.2. Повторим метатеги
Урок 4.3. Метатеги Facebook
Другие разделы
Раздел 2. Разметка текста
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно