В чем разница между <article> и <section> в html5

Когда следует использовать теги <article> и <section> в HTML5?

Ответ 1

Тег <section>:

Тег раздела определяет разделы в документе, такие как главы, верхние и нижние колонтитулы или любые другие разделы документа.

Тег <article>:

Тег статьи указывает на независимый, автономный контент.

Статья должна иметь смысл сама по себе, и должна быть возможность распространять ее независимо от остальной части сайта.

Потенциальные источники для элемента статьи:

  • Пост форума
  • Сообщение блога
  • Новость
  • Комментарий

По сути, эти теги являются семантическими элементами, и единственное реальное различие между ними заключается в удобочитаемости и предпочтениях дизайна.

Вы можете прочитать больше о них здесь, если хотите:

Ответ 2

Тег статьи

Тег article используется для переноса автономного контента на страницу. Контент является автономным, если его можно удалить со страницы и поместить на другую страницу.

Тег раздела

Тег section похож на тег div, но он более осмысленный, поскольку оборачивает логические группы связанного содержимого (например, главу статьи).

Подробнее о семантических тегах - https://www.pluralsight.com/guides/semantic-html

Ответ 3

По сути, существует большая путаница в разнице между элементами <article> и <section>. Тег <article> придает контенту более конкретный смысл, это независимый, автономный блок связанного контента. Тег <section> является только блоком связанного контента. Подходя к вашему вопросу Будет ли содержание иметь смысл самостоятельно в программе чтения каналов? Если это так, используйте <article> и связан ли контент? Если это так, используйте <section>