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

Семантические теги были введены в HTML5. Они описывают значение отдельных элементов веб-страницы. Они помогают нам построить четкую структуру нашего веб-сайта. Семантические теги обеспечивают доступность и удобочитаемость для пользователей, создателей и поисковой оптимизации.

Заголовки

  • Заголовок веб-страницы или статьи. Внутри этого тега можно вкладывать другие элементы, например субтитры, дату или навигацию.

  • Навигация по веб-страницу. Вы можете вложить список и другие элементы внутрь.

  • -

    Заголовки с разным уровнем важности ( h1 — основной, h6 — маленькие). Они создают иерархию содержимого на странице, своего рода таблицу содержимого на веб-странице.

Основное содержимое

  • Основное содержимое веб-страницы. На странице должен быть только один основной тег — обычно это контейнер между заголовком/навигацией и нижним колонтитулом.

  • Часть сайта для определенной цели. Обозначает область страницы с согласованным содержанием.

  • Полная, независимая и согласованная часть страницу, например статью.

  • Боковая панель или окно вызова с содержанием, косвенно связанным с основное содержание.

  • Нижний колонтитул обычно содержит информацию об авторе, данные об авторских правах или ссылки.

Другое

  • Предоставляет дата (или дата и время) статьи. Он получает атрибут [datetime] с датой в формате ISO-8601.

  • Тег для img, видео или аудиоконтент. Также может содержать описание.

  • Точное описание объекта в теге figure.

  • Предоставляет контактную информацию: почтовый адрес, номера телефонов и т. д. Обычно включается в тег нижнего колонтитула.

См. исходный пост здесь.

Оцените статью
nanomode.ru
Добавить комментарий