Подробное объяснение различий между DIV, разделом и статьей в HTML5

Эта статья в основном представляет подробную информацию о разнице между Div, разделом и статьей в HTML5. Он цитируется из W3C и перечислен с примерами кода. Друзья, которые это нужно, могут ссылаться на это.

Когда я впервые начал вступать в контакт с HTML5, мне было очень неудобно с его метками и даже чувствовал себя немного отвращением в какой -то момент. Особенно для Div, раздела, тегов статьи, я действительно не могу понять, какие случаи использовать.

HTML спецификация:

Элемент Div вообще не имеет особого значения.

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

HTML Spec: элемент раздела представляет собой общий раздел документа или приложения. В этом контексте раздел представляет собой тематическую группировку контента, обычно с заголовком.

В отличие от семантики Div, Simple Section - это Div с семантикой, но не думайте, что это действительно так просто. Раздел представляет раздел актуального содержания, обычно с заголовком. Увидев это, мы можем подумать, что это не будет сообщением в блоге или отдельным комментарием просто подходит для использования раздела? Следующий взгляд:

Авторам рекомендуется использовать элемент статьи вместо элемента раздела, когда имело бы смысл синдикатировать содержимое элемента.

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

Итак, когда следует использовать раздел? Давайте продолжим видеть:

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

Типичные сценарии для приложения раздела включают в себя главы статьи, страницы вкладок в диалоговом окне тега или пронумерованные части в статье. Домашняя страница веб -сайта может быть разделена на несколько частей, таких как введение, новости и контактная информация. На самом деле, я очень заинтересован в передаче информации здесь, потому что я чувствую, что раздел и Artilce, которые будут представлены ниже, более подходят для модульных приложений. Эта тема будет обсуждаться в будущем, и я сейчас пропущу ее здесь.

Имейте в виду, что W3C также предупреждает:

Элемент раздела не является общим элементом контейнера. Когда элемент необходим для целей стильки или в качестве удобства для сценариев, авторам рекомендуется использовать элемент DIV. Общее правило состоит в том, что элемент раздела подходит только в том случае, если содержимое элемента будет указано явно в схеме документа.

Раздел - это больше, чем просто обычная тег контейнера. Когда тег предназначен только для стиля или проста в использовании в сценариях, DIV следует использовать. Вообще говоря, раздел применяется, когда содержимое элемента явно отображается в схеме документа.