HTML5中关于header/nav/article/aside/section/footer标签用法

我们在设计HTML前端代码的时候现在较多用的是HTML5,虽然有些时候不遵守代码规范也是不影响用户体验,但是严格意义将代码是需要规范的。在设计布局元素的时候,我们是不是会看到header、nav、article、aside、section、footer 这些元素标签,这些元素标签是如何使用的,有没有规范。

HTML5中关于header/nav/article/aside/section/footer标签用法 - 第1张

1、header

 

这个 header 一般是用在网站顶部的导航标签中,包含Nav的。同时也可以包括LOGO、搜索等标签的。

2、nav

Nav 一般用于导航条、面包屑导航、侧边菜单导航,以及分页。

3、article

article 用途还是比较多的,比如我们常见用到 文章摘要、文章单篇、相关文章。

4、aside

aside 我们看到常用的是页面侧栏部分。

5、section

section 用于页面内容的区块设置。通常是有内容和标题组成的。如果 article、aside、nav等能用的,优先用他们的。section 强调分段和分块,article 强调独立性。如果需要将一块内容分多段,用section 。

6、footer

footer 一般是用于 页面底部元素。一般用于底部版权和注脚。

投上你的一票

本文出处:老蒋部落 » HTML5中关于header/nav/article/aside/section/footer标签用法 | 欢迎分享( 公众号:老蒋朋友圈 )

公众号 「老蒋朋友圈」获取站长新知 / 加QQ群 【1012423279】获取商家优惠推送