HTML之结构化标签

HTML之结构化标签

今天主要介绍一些html5新的结构化标签

h5新增加了一些新的结构化标签,其目的呢想必是为了更直观的表达

这就不得不提到HTML的语义化了

我所理解的语义化呢就是选用合适的标签做合适的事然后更加直观的体现页面的内容

比如说你一看见 <img/>标签就应该知道这是一个放图片的标签了

所以呢h5也新增加了一些语义化更好的标签

好了,介绍之前呢,我找了一张图,方便大家直观的理解

相信大家已经从图中应该可以了解到我今天所要介绍的这些标签了
我们一个个的来看一下

section

表示页面中的一个内容区块,比如章节,页眉等,该标签呢我们同样可以把他理解为一个容器,或者说是一个大容器,

主要功能其实就是进行分区,报纸大家也都见过,有很多不同的板块,当我们开发一个页面进行功能分拆的时候,这就需要<section/>了。

article

表示页面中的一块与上下文不相关的内容。

aside

表示出article之外的,与article元素相关内容的辅助信息。

header

这个主要是用来存放标题的了,很好理解。

footer

内容区块的脚注,比如编写一些底部一些公司信息

nav

导航链接的部分

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值