Когда следует использовать теги <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>