html5常用标签大全,哪个标签是html5新增的标签
今天，我们先来介绍一下html5中新增的结构元素，有些是经常使用的，有些则不是。虽然说它们的出现可以促进页面更多的语义和更好的seo，但实际上当页面的样式被禁用后，它们的显示和div并没有什么区别。有的同学可能会说，既然是一样的，就不会影响页面的最终显示，不管是文章还是版块都可以用。我觉得也是，如果实际项目是针对用户的，但是作为重构者还是要专业一点，然后再考虑可访问性，html5标签的作用会更明显。于是我复习了一下内容并记录在博客上，分享给大家，方便以后查阅。
HTML5 新增结构元素分为主体结构元素和非主体结构元素
1.主要的结构元素包括文章、章节、导航、旁白和时间。
2.非主要结构元素包括页眉、组、页脚、地址和主要结构元素。
Articlearticle标签在语义上是一个文档或页面，其用法如下：
通常是一篇文章，一个页面，一个独立完整的内容模块。
它通常有一个标题，放在header标签中。
文章元素可以相互嵌套。
使用频率非常高，强调独立性，比较注重头部标签的使用。
复制代码如下：
文章
页眉
H1是我的标签/h1
/页眉
p我是段/p
文章
划分我的内容/划分
/文章
/articlesectionsection标签，语义上是一部分，用法如下：
页面内容的独立块，通常是文章的一个段落。
它通常由内容和标题组成。对于没有标题的内容，不推荐使用小节。
使用频率低，强调细分。
注：本书《HTML5与CSS3权威指南》说明：当容器需要样式化或者脚本定义其行为时，建议使用div代替section，不要使用section作为设置样式的容器。
复制代码如下：
部分
H1水果/h1
文章
H2苹果/h2
Div苹果撒了吗？/div
/文章
文章
H2橙/h2
Div橘子撒？/div
/文章
/部分
！- article可以看作是一种特殊的小节元素，它比section-更强调独立性
文章
H1汉字/h1
p三国两晋南北朝/p
部分
H2三国/h3
p厉害厉害厉害/p
/部分
部分
H2两斤/h3
p厉害厉害厉害/p
/部分
/articlenavnav标签，语义上是导航，用法如下：
通常作为页面导航的链接组。
侧边栏导航
使用频率高。
复制代码如下：
航行
保险商实验所
Lia href= 菜单1/a/li
Lia href= 菜单2/a/li
Lia href= 菜单3/a/li
/ul
/navasideaside标签，语义上是在旁边或侧面，用法如下：
用于文章标签时，作为主要内容的附属信息部分，如相关参考资料、名词解释等。
在文章标签外使用时，作为页面或整个站点的附属信息部分，如侧边栏、博客的友情链接部分、广告区等。
使用频率低。
复制代码如下：
！-在商品标签外使用时-
文章
马云h1 /h1是谁
p马云，男，1964年10月15日出生于浙江杭州，中国著名企业家，.阿里巴巴集团创始人，淘宝和支付宝/p。
在旁边
H1参考/h1
Baidu.com，维基百科./p
/抛开
/文章/pp！-在商品标签中使用时-
在旁边
航行
保险商实验所
Href= 老赵的博客/a/李
Lia href= 鬼哥的博客/a/李
Lia href= 标叔的博客/a/李
/ul
/导航
/asidetime时间标签，语义上是时间，用法如下：
表示24小时制的时间或日期。
表示时间时允许有时间差。
您可以用多种格式定义日期和时间。
使用频率低。复制代码如下：
日期时间= 2013年3月6日 2014年3月6日/时间
！datetime属性中的日期和时间应该用“T”分隔，“T”表示时间-
datetime= 2013-3-6t 20:00 2014年3月6日20:00/时间
！-时间加“Z”表示对机器编码时使用UTC标准时间-
DateTime= 2013-3-6t 20:00 z 2014年3月6日20:00/时间
二、非主结构元素headerheader标签在语义上被视为文档的头，其用法如下：
具有引导和导航功能的结构元素。
内容块的标题通常放在整个页面上或页面内。
网页中的标题标签数量没有限制。
使用频率极高，很容易理解。
复制代码如下：
页眉
H1，我是大头/h1
/页眉
文章
页眉
H1我是脖子/h1
/页眉
p我是身体/p
/articlehgrouphgroup标签，语义上是一个标题组，用法如下：
作为header标记的子元素
只有当内容模块包含主标题和至少一个副标题时，才能使用hgroup。
通常h1~h6元素是分组的。
使用频率高。
复制代码如下：
文章
页眉
hgrounp
H1我是刘备/h1。
H2我是关羽/h2。
H3我是张飞/h3。
/hgrounp
/页眉
吕布惊呆了/p
/articlefooter页脚标记，语义上被视为文档的脚注，使用如下：
内容块区域的脚注
内容通常是联系方式、相关阅读、版权信息等。
因为使用频率高，所以很好理解。
复制代码如下：
文章
吕布惊呆了/p
页脚
保险商实验所
关于李三国/李
Li地图信息/li
李简介/李
/ul
/页脚
/articleaddress地址标签，从语义上讲，是一个地址，用法如下：
用于在文档中演示的联系信息
通常内容是作者、网站链接、电子邮箱、地址、电话等。
使用频率低。复制代码如下：
地址
A href= 作者：张三丰/a
A href= 地址：武当山/a
Href= 联系信息：1247/a
/地址
希望这篇文章能给你一些html5结构标签的应用指导。如发现内容有误，请指正~
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。