html5 <section>元素标签

html5 <section>元素标签 HTML标签元素教程篇

在HTML5中新增长<section>标签。

一、section先容与语法结构

section英文翻译为：
部份、段、截面、章节、章、分段等含意

html5 section元素显现页面中的一个内容区，譬喻章节、页脚、页眉或网页中另外部分组织。section或是配合h1、h2、h3、h4、h5等问题标签一起使用，闪现组织文档的结构。

语法：

<section>模式</section>

section是一对以<section>最早，以</section>闭合的元素标签。

二、section运用说明

section和早年DIV、P等元素标签一样语法用法，只不过在HTML5可以或许使用新增的结构元素标签。

<section>一样兴许使用id与class，在DIV CSS组织中异样大约对section标签设置装备摆设富厚CSS格式。

如：

<section id=”abc”>形式</section>
<section class=”bcd”>模式</section>

HTML5结构文章内容时分兴许恰当使用。

兼容IE8以上浏览器、google涉猎器、苹果浏览器等干流阅读器

三、html5 section容易示例

1、实例残缺源代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>section 实例 CSS5</title>
<style>
.abc{ color:#F00}
</style>
</head>

<body> <section> <h1>主题一</h1> <p>文章模式CSS妙技上CSS5网 ...</p> </section> <section class="abc"> <h2>主题二</h2> <p>DIV CSS妙技进修上CSS5网 ...</p> </section> </body> </html>

2、section标签使用截图

section用法实例截图

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/w3c/w52013.shtml