HTML入门详解（三）

 HTML5 是HTML最新的修订版本，可以简单的在网页中播放视频与音频等 ，而且完全支持CSS3。

• <video> 元素实现视频，提供了播放、暂停和音量控件来控制视频，<video> 与</video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的，其中 <source> 元素可以链接不同的视频文件。代码示例：

   <video id="video1" width="420">
      <source src="mov_bbb.mp4" type="video/mp4">
      <source src="mov_bbb.ogg" type="video/ogg">
      您的浏览器不支持 HTML5 video 标签。
    </video>

• HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。同样，<audio></audio>之间插入的内容是提供给不支持 video 元素的浏览器显示的，其中 <source> 元素可以链接不同的音频文件。

  <audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
  </audio>

• HTML5 拥有多个新的表单输入类型（之前已提到过，以下几种并不是所有浏览器都支持）：

  • color ：用在input字段主要用于选取颜色。

  • date ：从一个日期选择器选择一个日期。

  • email ：用于应该包含 e-mail 地址的输入域。

  • month：选择一个月份。

  • range ：用于应该包含一定范围内数字值的输入域。

  • search：用于搜索域，比如站点搜索或 Google 搜索。

  • tel：定义输入电话号码字段。

  • url ：用于应该包含 URL 地址的输入域。

• HTML5 有以下新的表单元素:

  • datalist：规定输入域的选项列表。

  • keygen：规定用于表单的密钥对生成器字段。

  • output：元素用于不同类型的输出。

• HTML5 的 <form> 和 <input>标签添加了几个新属性：

  • <form>新属性：autocomplete、novalidate。

  • <input>新属性：autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height 与 width、list、min 与 max、multiple、pattern (regexp)、placeholder、required、step。