Заметки по практике HTML, CSS, JS
October 26

HTML для структурирования контента:

Полный список основных семантических тегов HTML для структурирования контента:

  1. <header> — заголовочная часть страницы или раздела (включает логотип, меню и заголовки).
  2. <nav> — блок навигации, обычно используется для меню сайта.
  3. <main> — основной уникальный контент страницы.
  4. <section> — раздел контента, связанный общей темой.
  5. <article> — самостоятельный контент, например, статьи, посты, отзывы.
  6. <aside> — дополнительная информация, боковая панель, реклама, связанная с основным контентом.
  7. <footer> — нижняя часть страницы или раздела (контакты, копирайт, ссылки).
  8. <h1>–<h6> — заголовки, обозначающие иерархию.
  9. <address> — контактная информация, связанная с автором или владельцем страницы.
  10. <figure> — контейнер для изображений, диаграмм, видео.
  11. <figcaption> — подпись к элементу <figure>.
  12. <time> — дата или время, которое может быть прочитано машинами (например, для событий).
  13. <summary> — видимый заголовок для содержимого в <details>.
  14. <details> — раскрывающийся блок для дополнительной информации, которую можно показать/скрыть.
  15. <mark> — выделяет текст, отмечая его как важный или актуальный.

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