HTML 5结构

标签：

进行总体布局时候，具体可以用的方法。

1.大纲：文档中各内容区块的结构编排。

     内容区块可以使用标题元素来展示各级内容区块的标题。

     关于内容区块的编排可以分为“显示编排”和“隐式编排”。

     显示编排：明确使用section等元素创建文档结构，在每个内容区块内使用标题（h1-h6、hgroup）。更加清晰、易读。

     隐式编排：不明确使用section等元素，而是根据页面中所书写的各级标题（h1-h6、hgroup）等把内容区块自动创建出来。（容易让自动生成的结构与想要的不一样，易引起结构混乱，尽量使用显示编排。）

      标题分级：h1的级别最高，h6的级别最低。隐式编排时按以下规则自动生成内容区块：如果新出现的标题比上一个标题级别低，生成下级内容区块；如果新出现的标题比上一个标题级别高或级别相等，生成新的内容区块。

      不同的内容区块可以使用相同级别的标题：如父内容区块与子内容区块可以使用相同级别的标题，好处是每个级别的标题都可以单独设计，对于既需要“整个网页的标题”，又需要“文章的标题”（如书写文档时）会带来很大的便利。

2.对新的结构元素使用样式

       在css中追加如下声明，通知浏览器页面中使用的HTML 5新增元素都是以块方式显示的：

       article,aside,dialog,figure,footer,header,legend,nav,section{display:block;}   

       在IE 8及之前的浏览器中，需要使用JS脚本来使浏览器可以正常使用这些结构：

       <script>

       document.createElement("header");
       document.createElement("nav");
       document.createElement("article");
       document.createElement("footer");
       </script>

HTML 5结构

标签：

原文地址：http://www.cnblogs.com/yimi1900/p/5142460.html