<section> | HTML5 区域标签的定义与用法

由 hcduguo

定义与用法

  • <section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域；
  • <section> 标签可以包含章节，页眉，页脚或其它诸多元素，这就是HTML 引入<section>标签的原因；
  • <section>是HTML5中引入的新标签。

语法格式

<section> ……</section>  

示例代码

<section style="border:1px solid pink;padding:15px;margin:10px;">  
<h3>《左迁至蓝关示侄孙湘》</h3>  
<p>一封朝奏九重天，夕贬潮州路八千。</p>  
<p>欲为圣明除弊事，肯将衰朽惜残年！</p>  
<p>云横秦岭家何在？雪拥蓝关马不前。</p>  
<p>知汝远来应有意，好收吾骨瘴江边。</p>  
---唐韩愈
</section>

效果展示：

《左迁至蓝关示侄孙湘》

一封朝奏九重天，夕贬潮州路八千。

欲为圣明除弊事，肯将衰朽惜残年！

云横秦岭家何在？雪拥蓝关马不前。

知汝远来应有意，好收吾骨瘴江边。

—唐韩愈

浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari <section> 标签。

提示：IE 8 或更早版本的 IE 浏览器不支持 <section> 标签。

全局属性

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

事件属性

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

相关