section介绍与语法结构

2019年11月30日作者：佚名

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>