HTML5中article元素的使用，html details元素

section元素与article元素在布局中联系与区别

一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。article：这是一个特殊的 section 标签，它比 section 具有更明确的语义， 它代表一个独立的、完整的相关内容块。

，针对一个块内容做样式化，三者并无区别。2，div section article ，语义是从无到有，逐渐增强的。

“section元素表示了一篇文档或应用中，通用段落 – WHATWG”从描述中我们可以看出section元素的作用就是分段，或多或少类似于div。但是它仍有一个特例。

）div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。

article是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块。article代表的内容可以被外部引用。例如：博客中的一篇文章，论坛中的一个帖子或者一段浏览者的评论等。

article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容。section 类似div，不过比div更有意义，他是对内容进行分块。aside 字面就是侧边栏，跟内容相关的一些引用、内容。

相关问答

Q1: html5中的结构性标签怎么使用

1、html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少，而是说更合理更清晰的用html标签表达出网页的结构。

2、列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处。

3、在HTML5页面中，经常使用nav标签来充当导航的结构化标签。nav标签用于定义页面的导航部分，通常包含导航链接或导航菜单。

4、所以在HTML5中，header的使用更加灵活，你可以根据你的需要来定义和组织document结构。

5、Datalist通过输入元素列表属性绑定（或链接）。注：datalist 标签定义选项列表。与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

Q2: HTML5新元素section和article的区别详解

1、section 不仅仅是一个普通的容器标签。一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。article：这是一个特殊的 section 标签，它比 section 具有更明确的语义， 它代表一个独立的、完整的相关内容块。

2、在HTML5中，article元素可以看成是一种特殊类型的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。

3、）div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。

4、Article元素 从名字上，它已经很好的诠释了自己，但是我们仍要看看官方文档上是如何描述它的：“在文档，页面，应用或是站点上的一个独立部分，并且大体上，是可独立分配，或是重复使用的，例如在发布时。

5、html5的新增的标签都是带有语义的，不光要从字面来说，还要从举例中来说。article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容。

Q3: div,section,article的区别和使用

1、div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。 section section 标签定义文档中的节。

2、article是一个特殊的section标签，它比section具有更明确的语义， 它代表一个独立的、完整的相关内容块。区别 div、section、article，语义是从无到有，逐渐增强的。div无任何语义，仅仅用作样式化或者脚本化的标签。

3、div：本身没有任何语义，用作布局以及样式化。section：与 div 的无语义相对，简单地说 section 就是带有语义的 div 了，但是千万不要觉得真得这么简单。section 表示一段专题性的内容，一般会带有标题。

4、section 元素：定义文档中的节。article 元素：定义独立的自包含文章。summary 元素：定义 details 元素的标题。aside 元素：定义内容之外的内容（比如侧栏）。示列：table 元素不是作为布局工具而设计的。

5、简单地说section就是带有语义的div，比如：div class=section/div相当于section id=/section。section表示一段专题性的内容，一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时，应该使用div。

Q4: html5常用标记及用法?

1、aside 标签，从语义化上看为在旁边、侧边，其用法如下：在 article 标签中使用时，作为主要内容的附属信息部分，如有关的参考资料、名词解释等。

2、title标签：浏览器标签页显示的标题 meta标签：其常用属性 ①charset：设置文档的字符集编码格式。

3、progress代表进度条，表示任务过程，属性有max（任务总量）\value。datalist为Input标记定义一个下拉列表，配合option标签。其他 details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。

关于HTML5中article元素的使用和html details元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。