Doctype Checker
Последние отправки
Doctype Checker: проверка отрисовки в стандартном режиме
Объявление doctype — самая первая строка HTML-документа. Этот инструмент проверяет, присутствует ли оно на странице.
Что делает doctype
Doctype сообщает браузеру, какой режим отрисовки использовать. Современное объявление <!DOCTYPE html> включает стандартный режим, в котором браузеры следуют текущим спецификациям CSS и HTML. Без корректного doctype браузеры могут перейти в режим совместимости (quirks mode), эмулирующий старое поведение отрисовки, из-за чего вёрстка может неожиданно ломаться.
Режим совместимости и стандартный режим
- Стандартный режим: браузер следует современным спецификациям для размеров блоков, вёрстки и поведения CSS.
- Режим совместимости: браузер имитирует устаревшее поведение, что может изменить расчёт ширин, высот и отступов.
- Почти стандартный режим: промежуточное состояние, вызываемое некоторыми старыми doctype, с сохранением ряда особенностей.
Различия между режимами могут быть тонкими — например, в расчёте высоты ячеек таблиц или отступов строчных элементов, — но могут вызывать и значительные сдвиги вёрстки.
Типичные проблемы
- Doctype полностью отсутствует.
- Устаревшие многословные doctype, включающие почти стандартный режим.
- Содержимое или пробелы перед doctype, влияющие на отрисовку.
- Doctype присутствует, но содержит опечатки, делающие его недействительным.
Практическое применение
- Проверка устаревшей страницы на режим совместимости.
- Аудит шаблона перед редизайном.
- Диагностика несогласованного поведения вёрстки в разных браузерах.
- Проверка того, что новая страница использует современный doctype.
Ограничения
Doctype управляет режимом отрисовки, а не валидностью. Страница с корректным doctype всё равно может содержать невалидную разметку, а страница в стандартном режиме — иметь проблемы с вёрсткой. Проверку doctype следует использовать как часть более широкого аудита разметки.
Итог
Doctype определяет, будет ли браузер отрисовывать страницу в стандартном режиме или в режиме совместимости. Эта проверка подтверждает его наличие и помогает избежать несогласованной вёрстки, которую может вызывать режим совместимости.
Похожие инструменты
Обнаружьте устаревшие HTML-теги, которые следует заменить современными аналогами.
Получите атрибут lang из HTML веб-страницы.
Проверьте, объявляет ли страница свою кодировку символов.
Популярные инструменты
Проверьте, заблокирована ли страница от индексации поисковыми системами через мета-теги robots, заголовки X-Robots-Tag или правила robots.txt.
Измерьте общий размер страницы и её ресурсов.
Сравните видимый текст с исходным кодом, чтобы оценить плотность контента.
Проверьте, используют ли изображения на странице ленивую загрузку для улучшения производительности.