1️⃣
Разметка
  • 1. 1. Введение
  • 1. 2. Введение в HTML
  • 1. 3. Подходы к разметке
  • 1. 4. Работа со спецификацией
  • 1. 5. Проверка валидности
  • 1. 6. Часто используемые теги и типовые ошибки
  • 1. 7. Методика семантической разметки
    • 1. 7. 1. Определяем DOCTYPE
    • 1. 7. 2. Шаг 1. Выделяем крупные смысловые блоки на каждой странице сайта
    • 1. 7. 3. Шаг 2. Размечаем в блоках крупные смысловые разделы
    • 1. 7. 4. Шаг 3. Выделяем заголовок всего документа и заголовки смысловых разделов
    • 1. 7. 5. Шаг 4. Размечаем мелкие элементы в смысловых разделах
    • 1. 7. 6. Шаг 5. Размечаем фразовые элементы
  • 1. 8. Использование тега br
  • 1. 9. DOCTYPE
  • 1. 10. Как работает атрибут target
  • 1. 11. Правильное использование ссылок и кнопок
  • 1. 12. Как делать пустые ссылки?
  • 1. 13. Как правильно скрывать элементы?
  • 1. 14. Когда применять список терминов (dl)?
  • 1. 15. Как использовать ссылки mailto: и tel:
  • 1. 16. Именование сущностей
  • 1. 17. Разметка по БЭМ
    • 1. 17. 1. Введение
    • 1. 17. 2. Предыстория
    • 1. 17. 3. Частые проблемы из-за неправильной CSS-архитектуры проекта
    • 1. 17. 4. Основные понятия
    • 1. 17. 5. Свод правил БЭМ-а
    • 1. 17. 6. БЭМ для CMS
    • 1. 17. 7. Названия классов по БЭМ
    • 1. 17. 8. БЭМ — это про компоненты
    • 1. 17. 9. Темизация
    • 1. 17. 10. Плюсы и минусы БЭМ
    • 1. 17. 11. Алгоритм выделения блоков
    • 1. 17. 12. Типовые интерфейсные решения
    • 1. 17. 13. Блоки и элементы
    • 1. 17. 14. Миксы блоков и элементов
    • 1. 17. 15. Модификаторы блоков и элементов
    • 1. 17. 16. Типовые ошибки
  • Дополнительные материалы
Powered by GitBook
On this page
  • Что же такое DOCTYPE?
  • Зачем указывать DOCTYPE?
  • Проблема
  • Решение

1. 9. DOCTYPE

<!DOCTYPE html> — первое, что нужно указать в любом HTML-документе.

Чтобы понять, для чего указывать DOCTYPE, нужно вернуться в прошлое. В 2005 году верстальщики уже создавали сайты, но делали это по предыдущей версии спецификации — HTML4.01. Спецификация постоянно развивается и развилась сейчас до версии 5. В 2005 году верстальщик мог использовать тег <basefont> и для его времени это был обычный тег. В нынешней вёрстке такого тега уже не существует, так как по современной спецификации он считается устаревшим. Но когда мы открываем сайт с устаревшими тегами в современных браузерах, сайт выглядит так же, как и в 2005 году. Почему? Дело в том, что DOCTYPE сообщает браузеру, а точнее его движку отображения, какая именно версия HTML используется.

Что же такое DOCTYPE?

Ключевое слово DOCTYPE в файле HTML — это декларация типа документа: DOC (сокращение от слова document «документ») + TYPE (с английского «тип»).

Зачем указывать DOCTYPE?

Если вы не укажете DOCTYPE, браузер будет исходить из предположения, что вы писали код страницы с ошибками. В этом режиме браузер попытается разобрать вашу страницу по правилам обратной совместимости и выведет на экран, например, CSS так, как его вывел бы Internet Explorer 4 версии.

Проблема

На заре развития браузеров производители спешили захватить внимание пользователей «фичами» и не очень следили за стандартами. Более того, трактовали их как им удобнее. Это можно заметить и сейчас. Если проверить сайт на кроссбраузерность, то при одной и той же разметке и стилях, страница может выглядеть по-разному.

С одной стороны решить эту проблему несложно — производителям браузеров стоит лишь соблюдать требования спецификации W3C. На практике всё сложней — если резко перейти на новые правила игры, многие страницы перестанут отображаться правильно, тысячи сайтов попросту сломаются.

Решение

Решением стала возможность разработчикам самим выбрать тот стандарт, который они использовали при создании проектов. Это решение разработчик выражает с помощью DOCTYPE.

Вот несколько старых вариантов:

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

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

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Используйте современные стандарты и современный — <!DOCTYPE html>.

Previous1. 8. Использование тега brNext1. 10. Как работает атрибут target

Last updated 1 year ago