1谈谈section标签

1谈谈section标签
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>。
本⽂摘⾃:

本文发布于:2024-09-22 01:30:07,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/1/277518.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:标签   标题   内容   部分   样式
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议