HTML5学习笔记2013.1.5——新增元素之多媒体元素及其他

1. video
   该元素定义视频
   HTML5中代码示例:
   <video src="十二生肖.mp4" controls="controls">十二生肖</video>
   control属性供添加播放、暂停和音量控件
   HTML4中代码示例:
   <object type="video/ogg" data="十二生肖.mp4">
   <param name="src" value="十二生肖.mp4">
   </object>
2. audio
   该元素用于定义音频
   HTML5中代码示例:
   <audio src="妙手空空.wav">妙手空空</audio>
   HTML4中代码示例:
   <object type="application/ogg" data="妙手空空.wav">
   <param name="src" value="妙手空空.wav">
   </object>
3. embed
   该元素用来插入各种多媒体，格式可以是midi,wav,aiff,au,mp3等。
   HTML5中代码示例:
   <embed src="horse.wav">
4. mark
   该元素用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。
   HTML5中代码示例:
   <mark> </mark>
5. progress
   该元素表示运行中的进程，可以使用 progress 元素来显示JavaScript 中耗费时间的函数的进程。
   HTML5中代码示例:
   <progress></prgress>
   HTML5中新增功能
   
6. time
   该元素表示日期或时间,也可以同时表示两者。
   HTML5中代码示例:
   <time> </time>
7. ruby
   该元素表示ruby注释(中文注音或字符)。
   HTML5中代码示例:
   <ruby>
     漢 <rt>han</rt>
   </ruby>
   HTML5中新增的功能。
8. rt
   该元素表示字符（中文注音或字符）的解释或发音。
   HTML5中代码示例:
   <ruby>
   漢<rt>han</rt>
   </ruby>
   HTML5中新增的功能。
   
9. rp
   该元素在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容。
   HTML5中代码示例:
   <ruby>
   漢<rt><rp>(</rp>han<rp>)</rp></rt>
   </ruby>
10. wbr
    该元素表示软换行。
    与br的区别：
      br元素表示此处必须换行;而wbr元素的意思是浏览器窗口或父级元素的宽度足够宽时，不进行换行，而当宽度不够时，主动在此进行换行。
    HTML5中代码示例:
    <p>
    如果想学习AJAX,那么您必须熟悉XML<wbr>Http<wbr>Request 对象。
    </p>
11. canvas
    该元素表示图形，比如图表和其他图像。这个元素本身没有行为，仅提供一块画布，但它把一个绘图API展现给客户端JavaScript,以使脚本能够把想绘制的东西绘制到这块画布上。
    HTML5中代码示例:
    <canvas width="200px" height="200px"></canvas>
12. command
    该元素表示命令按钮,比如单选按钮、复选框或按钮。
    HTML5中代码示例:
    <command onclick="alert('Hello World')">点击我</command>
13. details
    该元素表示用户要求得到并且可以得到的细节信息。它可以与 summary 元素配合使用。summary元素提供标题或图列。标题是可见的，用户点击标题时，会显示细节信息。summary 元素应该是details元素的第一个子元素。
    HTML5中代码示例:
    

    <details><summary>Copyright 2011.</summary><p>All pages and graphics on this web site are the property of W3School.</p></details>

    HTML5中新增的功能。
14. datalist
    该元素表示可选数据的列表，与input元素配合使用，可以制作输入值的下拉列表。
    HTML5中代码示例:
    <datalist></datalist>
15. datagrid
    该元素表示可选数据的列表，它以树形列表的形式来显示。
    HTML5中代码示例:
    <datagrid></datagrid>
    HTML5中新增的功能
16. keygen
    该元素表示生成密匙。
    HTML5中代码示例:
    <keygen>
    HTML5中新增的功能
17. output
    该元素表示不同类型的输出,比如脚本的输出。
    HTML5中代码示例:
    <output> </output>
18. source
    该元素为媒介元素（比如<video>）定义媒介资源。
    HTML5中代码示例:
    <source>
19. menu
    该元素表示菜单列表。当希望列出表单控件时使用该标签。
    HTML5中代码示例:
    <menu>
    <li>1</li>
    <li>2</li>
    </menu>
    HTML4中，menu 元素不被推荐使用。