Каково различие между Section и Article в html5?

Я нуждаюсь в том, чтобы узнать различие между этикеткой article и этикетка section в html5, и когда использовать это для того, чтобы моя страница была semánticamente правильная.

0
задан 05.01.2017, 00:57
0 ответов

Этикетка <section>:

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

В соответствии с документацией HTML5 W3C:

"Секция - тематическое группирование контента, обычно с заголовком".

Пример:

  <section>
    <h1>WWF</h1>
   <p>The World Wide Fund for Nature (WWF) is....</p>
  </section> 

Этикетка <article>:

Этикетка article определяет независимый и автономный контент.

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

Потенциальные шрифты для элемента статья:

  • Posts форума
  • Blog post
  • Новости
  • Комментарии

Пример:

 <article>
     <h1>What Does WWF Do?</h1>
     <p>WWF's mission is to stop the degradation of our planet's natural environment, and build a future in which humans live in harmony with nature.</p>
 </article> 

Вложение <article> в <section> или наоборот?

Элемент <article> определи независимый и автономный контент.

Элемент <section> определи секцию в документе.

Мы можем использовать определения, чтобы решать, как укрывать эти элементы? Давайте не обрежем!

Так, в Интернете, он найдет страницы HTML с элементами <section> что содержат элементы <article> и <article> что содержат элементы <section>.

Также он найдет страницы с элементами, которые содержат элементы <section> и элементы <article> что содержат элементы <article>.

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


Главным образом эти этикетки - семантические элементы и единственное реальное различие между ними - читабельность и предпочтение рисунка.

Больше информации:

Это перевод.

3
ответ дан 03.12.2019, 17:52

Секция: Элемент, который представляет характерную секцию (часть или предмет) документа. Пример: Главы, Закладки, Секции и больше... Я соединяю: Элемент, который представляет полный объект в Вашем составе и в принципе независимый и re используемо. Пример: Blog, Post журналов, Ты Листаешь периодического и различных gadgets.

Как подсказка использует секцию, чтобы отделять площади, которые соразмеряют единственный больший объект или единственной темы, и используется статья, когда objecto - независимое и полное существо (или мы думаем re использовать это).

Функционально, оба tags делают то же самое, но semanticamente лучше использовать подходящего для концов КАФЕДРАЛЬНОГО СОБОРА, Оптимизации, и Содержание Кода

0
ответ дан 03.12.2019, 17:52