HTML 5新增的元素

         1.HTML5结构元素

        这真是大快人心。目前，我们定义结构只能通过一个“万能”的div, 试图通过设置它的特性id的值如header, footer,
sidebar等来分别表达头部，底部或者侧栏等。有了它们，代码编写者不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。
          HTML5增加了新的结构元素来表达这些最常用的结构：

        ◆section: 这可以表达书本的一部分或一章，或者一章内的一节 

        ◆header: 页面主体上的头部。并非head元素

        ◆footer: 页面的底部（页脚），可以是一封邮件签名的所在

        ◆nav: 到其他页面的链接集合

        ◆article: 诸如blog, 杂志，纲要等之中的一条独立记录。
 

         2.HTML还增加以下三个块级元素：

        ◆aside

        ◆figure/code

        ◆dialog

        2.1  aside可以用以表达注记、贴士、侧栏、摘要、插入的引用等诸如作为补充主体的内容。比如这样表达blog的侧栏：

<aside>
      <h3>最新文章</h3>
      <ul>
             <li><a href="http://realazy.org/blog/" mce_href="http://realazy.org/blog/">文章标题</a></li>
             ...
     </ul>
</aside>

      
        2.2  figure元素表示一个有说明的块级图片。比如：

<figure>

 <legend>这是图片的说明</legend>
 <img alt="图片可替换文本" src="/path/to/img.png" mce_src="/path/to/img.png" />

</figure>

       
       2.3  dialog元素用于表达人们之间的对话。在HTML 5中，dt用于表示说话者，而dd则用来表示说话者的内容。比如：

<dialog>
<dt>说话者1</dt>
 <dd>说话者内容1</dd>
<dt>说话者2</dt>
 <dd>说话者内容2</dd>

dialog>

      3.交互性
       HTML 5同时也叫Web Applications 1.0, 因此也进一步发展交互能力。这些标签就是为提高页面的交互体验而生：

       ◆details

       ◆datagrid

       ◆menu
       ◆command

         3.1  details用来表示一段具体的内容，但是内容默认可能不显示，通过某种手段（如点击）与legend交互才显示出来。这跟现在各种通过JavaScript隐藏一段内容，在点击后才显示出来的做法有些类似。比如：

        一句话记录生活中的点点滴滴，

  

更多

      

       交流与分享，拉近你和朋友，支持 MSN/GTalk/QQ、短信、手机 WAP
       

它可以有一个open的特性，用来显示细节与否。

          3.2  datagrid用来控制数据，可以由用户或者脚本来更新。

          3.3 menu HTML 2就存在了，不过HTML 4把它废弃了。HTML 5废物利用，并在其内加上command元素。