Как проверить HTML-код перед публикацией

Перед тем как вставить HTML на сайт, в письмо или в конструктор, стоит посмотреть на результат и найти ошибки. Этот порядок подходит для страниц, блоков и шаблонов писем.

Открыть инструмент: Просмотр HTML

1. Посмотрите на трёх ширинах

Переключайтесь между телефоном, планшетом и ноутбуком. Вылезающий текст, слишком широкие таблицы и картинки без max-width сразу видны на 375 пикселях.

2. Прочитайте консоль

Красные строки — ошибки JavaScript, после которых скрипт останавливается. Номер строки относится к вкладке JavaScript или к HTML, если скрипт встроен.

3. Исправьте замечания проверки

Сначала ошибки: незакрытые теги и дубли id ломают вёрстку и скрипты. Затем предупреждения — alt и title влияют на доступность и SEO в Яндексе и Google.

Советы для HTML-блоков

  • Вставляйте только ту часть, что идёт в редактор, без html и body.
  • Стили пишите встроенно или во вкладке CSS, чтобы видеть итог.
  • Отформатируйте код перед вставкой, чтобы его могли прочитать коллеги.
  • Проверьте ширину телефона: большинство посетителей приходят с мобильных.