关于HTML--结构化标签

来源:互联网 发布:5357端口 编辑:程序博客网 时间:2024/06/05 11:16

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

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

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

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

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

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


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



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

1. section
表示页面中的一个内容区块,比如章节,页眉等,该标签呢我们同样可以把他理解为一个容器,或者说是一个大容器,
主要功能其实就是进行分区,报纸大家也都见过,有很多不同的板块,当我们开发一个页面进行功能分拆的时候,这就需要<section/>了。

2. article

表示页面中的一块与上下文不相关的内容。
3. aside
表示出article之外的,与article元素相关内容的辅助信息。
4. header
这个主要是用来存放标题的了,很好理解。
5. footer
内容区块的脚注,比如编写一些底部一些公司信息
6. nav
导航链接的部分

新增加的标签我感觉目前的使用还不是很多,目前多数网站还是<div/>,<span/>之类的,不过作为知识还是应该了解一下啦




0 0