Семантический HTML

На интервью по семантическому HTML проверяют, выбираете ли вы элементы по смыслу, а не по стилям по умолчанию. Структура документа, landmarks, заголовки, списки и таблицы сообщают о связях assistive technology и краулерам.

Подтемы: каркас документа и metadata, landmarks с иерархией заголовков, семантика списков и таблиц для реальных данных.

На интервью: по wireframe страницы назовите элементы и почему div был бы слабее.

Типовые ошибки: уровни заголовков ради размера шрифта, таблицы для layout, landmarks без уникальных подписей.

Чеклист:

• Выбирайте элементы по смыслу контента.
• Один main и упорядоченные headings.
• Таблицы — только для табличных данных.