HTML5要点

章节

<section>
  <h1>Forest elephants</h1>    
  <p>In this section, we discuss the lesser known forest elephants. 
    ...this section continues...
  <section>
    <h2>Habitat</h2>  
    <p>Forest elephants do not live in trees but among them.
        ...this subsection continues...
  </section>
</section>
<section>
  <h3>Mongolian gerbils</h3>
  <p>In this section, we discuss the famous mongolian gerbils. 
     ...this section continues...
</section>

分节根

是一个HTML元素,这个元素可以拥有自己的大纲,但是元素内部的节段和标题对其祖先的大纲没有
贡献。
与文档的逻辑分节根<body>元素相比,这些元素经常在页面中引入外部内容:
<blockquote>, <details>, <fieldset>, <figure> 和<td>。
HTML5引入了4个新的元素,用来定义那些不属于web文档主要大纲中的节段。


HTML 侧边分节元素 

(<aside>) 定义了这样的节段, 虽然是主要的分节元素, 但并不属于主要的文档流, 就像解释栏或广告栏. aside元素内部有自己的大纲,但并不计入文档大纲中
HTML 导航分节元素 (<nav>) 定义的节段包含了很多导航links。文档中可以有好几个这样的元素,比如文档内部的链接,就像目录,和链接到其他站点的导航links。这些链接并不是主文档流和文档大纲中的一部分 ,并且能够特别让屏幕浏览器和类似的辅助技术从一开始就不渲染该标记里的内容。
HTML 头部分节元素 (<header>) 定义了页面的头部,通常会包含logo和站点名称以及可能有的水平菜单. 尽管名字是header,但是不一定是在页面的开始
HTML 脚部分节元素 (<footer>) 定义了页脚, 通常会包含版权信息和法律声明以及一些其他链接。同样,其不一定是在页面的底部出现。

不支持HTML5浏览器

section, article, aside, footer, header, nav, hgroup {
  display:block;
}
<!--[if lt IE 9]>
  <script>
    document.createElement("header" );
    document.createElement("footer" );
    document.createElement("section"); 
    document.createElement("aside"  );
    document.createElement("nav"    );
    document.createElement("article"); 
    document.createElement("hgroup" ); 
    document.createElement("time"   );
  </script>
  <noscript>
     <strong>Warning !</strong>
     Because your browser does not support HTML5, some elements are simulated using JScript.
     Unfortunately your browser has disabled scripting. Please enable it in order to display this page.
  </noscript>
<![endif]-->

你可能感兴趣的:(HTML5要点)