Углубленный анализ разницы между статьей и разделом в HTML5.

Блок контента относится к блоку, который логически разделяет HTML-страницу. Для веб-сайтов-страниц каждая часть, такая как меню навигации, текст статьи и комментарии к статье, может называться блоком контента.

Элемент статьи представляет собой независимый, полный контент в документе, странице или приложении, на который можно независимо ссылаться извне. Это может быть статья в блоге или газете, сообщение на форуме, комментарий пользователя, отдельный плагин или любой другой отдельный контент. Помимо контента, элемент статьи обычно имеет собственный заголовок (обычно размещаемый внутри элемента заголовка), а иногда и собственные сноски.

 <article> <header> <h1>Название</h1> <p>Дата публикации: <time pubdate=pubdate>2010/10/10</time></p> </header> <p>Как использовать статью </p> <footer> <p><small>Авторские права @ yiiyaa.net. Все права защищены</samll></p> </footer> </article>

Примечание. Элементы статьи могут быть вложенными, а внутреннее содержимое в принципе должно быть связано с внешним содержимым. Например, в сообщении блога комментарии к статье могут быть вложены с помощью элементов статьи; элемент статьи, используемый для представления комментариев, включен в элемент статьи, который представляет общее содержимое.

Вложенный код выглядит следующим образом:

 <article> <header> <h1>Как использовать элемент статьи</h1> <p>Дата публикации: <time pubdate=pubdate>10.10.2010</time></p> </header> <p >Этот тег отображает основное содержание всей статьи, а элемент раздела ниже содержит комментарии к статье</p> <section> <h2>Комментарии</h2> <article> <header> <h3>Опубликовано: maizi</h3> <p><time pubdate datetime=2016-6-14>1 час назад</time></p> </header> <p>Эта статья очень хорошая, поддержите это палец вверх! </p> </article> <article> <header> <h3>Опубликовал: Xiaoni</h3> <p><time pubdate datetime=2016-6-14T:21-26:00>1 час назад</ time></p> </header> <p>Эта статья очень хорошая, в ней подробно объясняется суть статьи</p> </article> </section></article>

Пример контента разделен на несколько частей. Заголовок статьи помещается в элемент заголовка, текст статьи размещается в элементе p после элемента заголовка, а затем элемент раздела отличает текст от комментариев (это блокирующий элемент). используется для разделения контента на странице), в разделе Содержимое комментария встроено в элемент. Комментарий каждого человека в комментарии является относительно независимым и полным, поэтому элемент статьи используется для всех комментариев. Элемент статьи можно разделить на заголовки и комментарии. помещается в элемент заголовка и элемент p соответственно.

1. Элемент раздела используется для разделения контента на странице веб-сайта или приложения. Функция элемента раздела — разделить контент на странице на разделы или разделить статью на разделы;

2. Элемент раздела обычно состоит из контента и его заголовка. Обычно не рекомендуется использовать элемент раздела для контента, не имеющего заголовка.

3. Элемент раздела не является обычным элементом-контейнером; если контенту необходимо стилизовать напрямую или поведение определить с помощью сценария, рекомендуется использовать p вместо элемента раздела;

4. Если элементы «article», «nav» и «side» соответствуют определенным условиям, не используйте элемент «section» для их определения;

5. Содержимое элемента раздела можно хранить отдельно в базе данных или выводить в текстовый документ.

 <section> <h1></h1> заголовок элемента раздела <p>Тематическая часть блока раздела</p> </section>

В HTML5 вы можете включить все подчиненные части страницы, такие как панели навигации, меню, уведомления об авторских правах и т. д., в единую страницу, чтобы их можно было оформить с помощью стилей CSS. Наконец, табу на использование элемента раздела суммируются следующим образом:

1) Не используйте элемент раздела в качестве контейнера страницы для стилизации, это задача элемента p.

2) Если элемент «статья», элемент «сторона» или элемент навигации более подходят для использования, не используйте элемент «раздел».

3) Не используйте элемент раздел для блоков контента без заголовков.

Так много было сказано выше, в чем разница между ними? Фактически, в HTML5 элемент статьи можно рассматривать как особый тип элемента раздела, который подчеркивает независимость больше, чем элемент раздела. То есть элемент раздел подчеркивает сегментацию или разбиение на части, а элемент статьи подчеркивает независимость. В частности, если часть контента относительно независима и полна, вам следует использовать элемент статьи, но если вы хотите разделить часть контента на несколько абзацев, вам следует использовать элемент раздела. Кроме того, в HTML5 элемент p становится контейнером. При использовании стилей CSS к этому контейнеру можно применить общий стиль CSS.

Вышеуказанное представляет собой разницу между статьей и разделом в HTML5, представленную редактором. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!