主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:print.css主题:themes.css
外套:wrap主导航:mainNav子导航:subnav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title主导航:mainNav(globalNav)顶导航:topnav边导航:sidebar左导航:leftsideBar右导航:rightsideBar旗志:logo标语:banner菜单内容1:menu1Content菜单容量:menu...
页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guil...
section标签表示的是文档中内容的分节或分段，上述的article，nav或者aside其实都可以看做特殊的section标签，如果能用article，nav，aside标签，最好不要用section标签。section标签与与article标签可以互相嵌套，需要视具体情况而定。
nav标签主要用于定义页面的导航部分，例如页面或者section中的侧边目录栏。其使用方式如下代码段所示。nav标签aside标签aside标签一般会指定网页的相关内容，友情链接等附注性的东西，类似于广告也可以使用aside标签。main标签main标签定义一个页面的主要内容，在一个页面中只能使用一次。article标签article标签表示的是一个独立完整的内容区域，比如一张报纸的某个独立版块。...
hgroup标签一般用于h1-h6标签的组合，比如主标题，副标题，三级标题的组合情况。我们通过以下代码段来看看其代码组织形式。hgroup标签需要注意的一点是，如果需要使用hgroup标签则保证在hgroup标签里至少有两个h标签，如果只有一个h标签，则应该去掉hgroup标签。
footer标签和header标签类似，表示页面或一个区域(section)的页脚部分，通常会将网站的证书，许可，版权协议等内容放在这块。
header标签表示页面或一个区域(section)的页眉部分，通常在里面包含h1-h6标签来使用。我们直接通过代码来看看在浏览器上的效果。
那么在HTML5中新增了哪些利于页面布局的HTML5标签呢？我们先通过以下这张图来看看。
即使在没有CSS的支持下，浏览器依然能呈现出良好的内容结构。有利于SEO，语义化的标签更有利于爬虫去解析更多有效信息。跨设备体验，不同设备都支持语义化标签，那么即使在不同设备下依然可以有无缝体验。便于代码开发和维护，语义化可以增加代码的可读性，让团队成员可以更好理解彼此的代码意图。