标签：

HTML5新增标签（二） 　　HTML5新增的其他元素

　　　　mark

高亮显示文字，典型应用搜索结果中高亮显示搜素关键字。

写法： <mark></mark>

　　　　source 标签

标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

　　　　video

定义视频，比如电影片段或其他视频流；

写法： <video src=http://www.mamicode.com/””  ></video>

ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。

当前，， <video> 元素支持三种视频格式： .MP4,    .WebM, 和   .ogg:

可设置属性：

src ：视频的路径

Width:  视频播放器的宽度

height： 视频播放器的高度

autoplay：autoplay ; 表示立刻播放

controls：controls;显示播放控制组键

loop：loop;  反复播放；布尔值，如果设置了就会重复播放否则不会；

muted：muted ; 处于静音状态

poster;  指定视频数据载入时显示的图片

preload: auto / metadata / none  ;表示预先载入视频

取值none不预先载入；auto一旦页面加载就会开始加载视频，默认值；

metadata 页面加载后仅加载元数据，和默认有点类似；

  （主流浏览器都不支持，除了IE；）

兼容浏览器的写法：　

<video width=”200”height=”200”controls=”controls”> <source src="http://www.mamicode.com/movie.mp4" type="video/mp4"></source> <source src="http://www.mamicode.com/movie.ogg" type="video/ogg"></source> （还可以加载其他格式） 您的浏览器不支持 video 标签。 </video> 注：<source> 定义多种媒体类型，例如<video>、<audio>中的文件类型

　　　　audio

定义音频，比如音乐或其他音频流

写法：

<audio    src=http://www.mamicode.com/“ ”>  </audio>

Safari 浏览器，音频文件必须是 MP3 或 Wav 类型 mpeg。 

兼容浏览器写法：

<audio controls=”controls”> <source src="http://www.mamicode.com/horse.mp3" type="audio/mpeg"> <source src="http://www.mamicode.com/horse.ogg" type="audio/ogg"> <embed src="http://www.mamicode.com/horse.mp3"> </audio>

　　新增表单标签以及属性

　　　　Html表单一直都是web的核心技术之一，html5为表单添加了新的js功能和结构上更加自由的写法，极大的提高了开发效率，xhtml中需要放在form中，而html5中表单元素可以放在页面任何位置；

　　新增表单类型元素：

　　　　email       邮箱

　　　　url            网址

　　　　number    数值

　　　　range       范围数值

　　　　date        日期

　　　　search     搜索

　　　　color        颜色 

1、 email： 邮箱类型的文本框验证  

应用：    

<input name=”email1” type=”email” required />

2、  url  :      输入URL地址的文本框

应用：    

<input name=”url1” type="url" required />

3、  color ：  用来选取颜色。

应用：

<input name=”color1” type="color" required />

4、 number：   用来输入数字的文本框。

属性：min ：允许的最小值

max： 允许的最大值

　　 step： 规定的间隔值

value：默认值

应用：

<input name=”number1” type="number" value="20" minn="10" max="100" step="5" required />

5、   range： 用来只允话输入一段范围内数值的文本框 

属性：   min  最小值 

max  最大值 

step  拖动的步幅间隔值

value：默认值

应用：

<input type="range" value="25" min="0" max="100" step="5" />

6、   search : 用于搜索域，显示为常规的文本框，除了火狐浏览器其他都会在输入框里显示一个取消搜索的符号

应用：

<input name=”search1” type="search" />

7、    date :   提供多个选取日期和时间的新输入类型 

属性：

·date -   选取日、月、年

·month - 选取月、年

·week -  选取周和年

·time -   选取时间（小时和分钟）

.datetime - 选取时间、日、月、年（UTC世界标准时间）

·datetime-local - 选取时间、日、月、年（本地时间）

8、    output ：用于不同类型的输出，比如计算或脚本输出，显 示计算结果

注：必须从属于某个表单。即，必须将它书写在表单内部，或对它添加form属性。

应用：