HTML5段落标签的效果,HTML5标签:section元素的使用方法及作用

html元素中section标签是html5中新增的标签,主要用于定义文档页面中“节”或“段”的区块,下面,我们就详细了解一下 标签的使用方法及作用。

标签定义

标签定义的是页面中的节或段的区块;

标签定义的内容区块通常由标题和内容两部分组成;

标签定义页面的某个区块,可以是章节、区段、头部页眉、底部页脚或页面其他区块;

标签在一个页面中可以出现多次,表示一组相似的主题内容区块;

标签是 HTML 5 中的新标签;

浏览器支持情况

标签已被IE 9+、Firefox、Opera、Chrome 和 Safari浏览器支持 ;

但 IE 8 或更早版本的 IE 浏览器不支持 标签。

标签用法

标签代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面中的分组。标签不管是在“节”或“段”中,通常还使用标题h1~h6;

1、 标签简单用法

一个标签内,通常包含标题和内容两部分,演示代码如下:

标题部分

内容部分

标签通常在带有标题的内容区块使用,所以,在没有标题的内容区块不建议使用section标签;

标签所包裹的通常是一组相似主题的内容,所以, 在一个页面中,往往会不止出现一次标签。

3、嵌套在内

可以将 嵌套在 中,用来将一篇文章、一篇新闻报道、一篇博客等文章的不同部分或不同章节。

文章article头部区域

第一个区段

第一个区段内容

第二个区段

第二个区段内容

第三个区段

第三个区段内容

每个标签区块的主题或结构是相似的,正好体现了标签是定义页面中一组“节区块"或“段区块”。

3、 标签使用注意

article、nav、aside可以理解为特殊的section,所以如果可以用article、nav、aside就不要用section,没实际意义的就用div;

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值