html5section标签,html5中新标签

HTML5 里 section article 什么区别

HTML5中新增了header、footer、nav、section、article、aside、figure多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能，很容易混淆。

1、section（章节）

简单地说section就是带有语义的div，比如：

div class="section"/div相当于section id=""/section。

section表示一段专题性的内容，一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时，应该使用div。一般来说，当元素内容明确地出现在文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时，section就是适用的。

2、article（文章）

article是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块。

article代表的内容可以被外部引用。例如：博客中的一篇文章，论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思，那就可以定义成article。

3、nav 和 aside的使用也是如此，这两个标签也是特殊的 section，在使用 nav 和 aside 更合适的情况下，也不要使用 section 了。

section是Html5新增的标记吗？

section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

section是html5的新标签

所有浏览器都支持 section 标签。

html5的语义化标签有哪些

1.header：标签定义“网页”或“section”的页眉。

通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。

2.nav：定义导航链接的部分。

3.footer标签：代表“网页”或“section”的页脚。

通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。

如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。

4. hgroup元素：“网页”或“section”的标题

当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合

5.section标签：定义文档中含有标题和段落的区域。（强调分段或分块）

6.article：代表独立、完整、可独自被外部引用的内容（博客或报刊中的文章、一遍论坛帖子、一段用户评论或独立的插件、或任何独立的内容）;（强调的是独立性！可含有完整的标题、内容、脚注)

7. aside标签：表示当前页面或文章的附属信息部分，可包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条、以及其他类似的有别于主要内容的部分。

8. figure标签：规定独立的流内容（图像、图表、照片、代码等等）。

figcaption标签：用于元素定义figure的标题。

1）.一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。

2）.figcaption 元素应该被置于 figure元素的第一个或最后一个子元素的位置。

9. time标签：定义时间或日期

10. address标签：代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等,一般出现在footer。

html5的section和div用法有什么区别？

html5的section和div用法区别为：对应内容不同、用途不同、来源不同。

一、对应内容不同

1、section：每个section必须对应内容本身不同的主题。

2、div：div可以对应内容本身相同的主题。

二、用途不同

1、section：section用于元素内容被列在文档大纲中。

2、div：div用于设置样式或脚本处理。

三、来源不同

1、section：section每部分内容形式上是类似的，但是来源是独立的。

2、div：div每部分内容形式上是类似的，来源也是相同的。