百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html5section标签有哪些意思?html5section标签的用途总结-
分享文章到:

html5section标签有哪些意思?html5section标签的用途总结-

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了对于HTML5section标签的定义以及它的用途,最后还有一个案例总结,此刻让我们开端浏览这篇文章吧 本篇文章主要的介绍了对于HTML5 section标签的定义以及它的用途,最后还有一个案例总结,此刻让我们开端浏览这篇文章吧

先来解释下html5 section标签的意思:

html5 section标签定义了文档中的节(section、区段)。比方章节、页眉、页足或文档中的其他局部。

看一个实例让你更加理解section标签:

文档中的区段,解释了 PRC:

百分百源码网

这里是百分百源码网,网址是www.php1.cn

实例结果如下图:

此刻说说section标签的注意点:

section 不是一个专用来做容器的标签,要是仅仅是用于设定样式或足本处置,专用的是 div

section 里应当有 标题(h1~6),但文章中举荐用 article 来取代

一条简略的原则是,只要元素内容会被列在文档大纲中时,才适合用section元素。

section的作用是对页面上的内容进行分块,如各个有标题的版块、功能区或对文章进行分段,不要与有本人完备、独立内容的article混同。

html5 section标签的用途:

html5引入了

标签,用于描述文档的构造,它同标签的意思同样。但是在特定环境中,两者又有显明的区别。

w3对

的定义是:定义一个文档的章节(可以具有本人的
)。

w3对的定义是: 定义一个文档的章节。(但似乎更适合用于外层的布局,短少语义性。)

此刻来看一个案例:


  

在这里,我们用

来定义id为content的div里面的两个章节/区域。固然此处你也可以直接把div用section取代,或者把里面的
改成,由于此处还不克不及显明的区分两者的区别:

或者:

   
   

HTML5 section标签的总结:

我们用标签来布局整个最外层的章,而用

用来定义内部的章节。固然要是把整个文档都看作是一个章节,那么也可以用
来取代,但是倡议不要运用
来取代该用布局的地方,那些地方不克不及表现出
的语义性。

【小编举荐】

怎样给html中的pre标签中的文字换行?html pre标签的运用实例

HTML iframe标签怎么运用?HTML iframe标签的运用实例介绍

以上就是html5 section标签有哪些意思?html5 section标签的用途总结的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板