vlambda博客
学习文章列表

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

定义与用法

  • <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 Firefox Chrome Safari Opera
<section> | HTML5 区域标签的定义与用法 <section> | HTML5 区域标签的定义与用法

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


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



全局属性


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



事件属性


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


点击下方“阅读原文”阅览效果更佳