HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Чистый код HTML

БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки.

Валидируйте свой HTML код

Проверяйте свой код на валидность, для этого есть специальные инструменты, например – W3C HTML validator.

Грамотно используйте семантические элементы

Это обеспечит доступность для слабовидящих, упростит повторное использование кода и повысит качество автоматического разбора страницы.

Устанавливайте альтернативный текст для мультимедиа

Описывайте текстом мультимедийные элементы (изображения, видео, canvas), используйте атрибуты alt и title.

Разделяйте структуру, оформление и поведение

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

При использовании UTF-8 не используйте ссылки на HTML-сущности

Если работающая над проектом команда во всех файлах и редакторах использует одну и ту же кодировку UTF-8.

Не используйте атрибут type для связанных файлов CSS и JS

Прописывать атрибуты type для связанных таблиц стилей и файлов JS нет необходимости, так как HTML5 присваивает типы text/css и text/javascript.

Переносите длинные строки в HTML

Хотя в языке HTML нет рекомендации, ограничивающей длину строк, длинные строки стоит разбивать — такой код станет проще читать.

Используйте в HTML двойные кавычки

Заключайте значения атрибутов в двойные (""), а не одинарные ('') кавычки. Это упростит взаимодействие с CSS и JS, улучшит читаемость кода.