section 字⾯上理解为“块”,“部分”,section元素代表⼀个页⾯或⼀个内容块的部分,⼀般作为主题块列表,在html5⽹页中表现的意思跟字⾯理解差不多,即部分,块,模块,主要作⽤为对页⾯的内容进⾏分块或者对⽂章的内容进⾏分段。 section标签是成对出现的,以<section>开始,以</section>结束section标签通常带有⼀个标题和⼀个内容块。 ⼀、section标签实例
<!doctype html>水上步行器
<article>
<h1>Web编程语⾔⽐较</h1>
发光二极管封装<p>web编程语⾔常⽤的有asp,asp,</p>
<section>
<h2>asp</h2>
<p>asp全称Active Server Page</p>
</section>
垂直母排<section>
<h2>php</h2>
<p>草根动态语⾔,免费,强⼤</p>
</section>
</article>
⼆、article与section的异同
不锈钢表面钝化section和article可以互相嵌套,也就是说他们没有上下级关系,section可以包含article,article也可以包含section。
感觉上使⽤都差不多,都可以有h1,h2,h3,都有⼀个主体,那应该怎么来区分它们的不同?其实很简单,只要从字⾯上理解它们就可以⾜够了:
1、article是⽂章,⽂章就是⼀段完整的独⽴的内容。
2、section就是块,某种意义上可以理解为div,但是⽐div的意思更加明确⼀点。
三、section和div的异同
1、section和div都可以对内容进⾏分块,但是section是进⾏有意义的分块,⽆意义的分块应该由div来做,例如⽤作设置样式的页⾯容器。 美容笔2、section内部必须有标题,标题也代表了section的意义所在。
四、使⽤<section>标签需要注意的地⽅
1、不要将<section>作为⽤来设置样式或⾏为的“钩⼦”容器,那是<div>的⼯作。
2、如果<article>、<aside>或<nav>更符合状况,不要使⽤<section>。鱼苗孵化设备
3、不要为没有标题的内容区块使⽤<section>。
本⽂摘⾃: