HTML <section> 标签

在html中，section标签是html5新增标签，是用来定义文档的某个区域（如：章节、页眉、页脚或者文档的其他区域）。section标签和div标签不一样，不是用来定义局域样式的，而是用来定义一个明确的主题，通常含有一个标题（h1~h6）。但如果是文章，通常会使用article标签来代替。

实例

<!DOCTYPE html>
<html>
<body>
<h1>section 元素</h1>
<section>
  <h2>WWF 的历史</h2>
  <p>世界自然基金会（WWF）是一个致力于环境保护、研究和恢复问题的国际组织，原名世界野生动物基金会。世界自然基金会成立于1961年。</p>
</section>
<section>
  <h2>WWF's Symbol</h2>
  <p>熊猫已经成为世界自然基金会的象征。世界自然基金会著名的熊猫标识源于世界自然基金会成立的时候，从北京动物园转移到伦敦动物园的一只名叫“姬姬”的大熊猫。</p>
</section>
</body>
</html>

运行一下

定义和用法

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

一般通过是否包含一个标题 (<h1> (en-US)-<h6> (en-US) element) 作为子节点分区每一个<section>。

如果 <section> 元素的内容可以单独在多个媒体上发表，应该使用 <article> 而不是 <section>。

不要把 <section> 元素作为一个普通的容器来使用，这是本应该是<div>的用法（特别用 section 仅仅是为了美化样式的时候）。一般来说，一个 <section> 应该出现在文档大纲中。

浏览器支持

表格中的数字指示了支持此元素的首个浏览器版本。

元素
<section>	5.0	9.0	4.0	5.0	11.5

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

HTML 4.01 与 HTML 5 之间的差异

<section> 标签是 HTML 5 中的新标签。

属性

属性	值	描述
cite	URL	section 的 URL，假如 section 摘自 web 的话。

全局属性

<section> 标签支持 HTML 中的全局属性。

事件属性

<section> 标签支持 HTML 中的事件属性。

section标签默认样式

section {
  display: block;
}