html5 <section>元素标签
2019年11月30日
作者：佚名
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用法实例截图
