HTML5 新特性
H5增加的标签
- article 标签定义外部的内容(结构元素)
- aside 定义页面内容之外的内容。 aside的内容与article的内容相关。(结构元素)
- figure 定义一组媒介内容的分组,以及它们的标题。(结构元素)
<figure>
<p>重庆磁器口</p>
<p>拍摄者:许中鹏,拍摄时间:2017-01-15</p>
<img src="http://xu-1253495453.picgz.myqcloud.com/DSC_0533.JPG" width="350" />
</figure>
重庆磁器口
拍摄者:许中鹏,拍摄时间:2017-01-15
- section 标签定义文档中的节(section,区段)。比如章节,页眉,页脚或文档中的其他部分(结构元素)
- meter 定义预定义范围内的度量。仅用于已知最大和最小值的度量(内联元素)
<p>显示度量值:</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>
显示度量值:
- progress 定义任何类型的任务的进度。可以使用 progress 标签来显示javascript中耗费时间的函数的进度(内联元素)
下载进度:
<progress value="22" max="100">
</progress>
下载进度:
- time 定义一个日期/时间(内联元素)
<p>
今天我是 <time>11:00</time> 起的床。
</p>
<p>
我 <time datetime="2003-09-14">妹妹生日</time> 我要送什么呢。
</p>
今天我是 起的床。
我 我要送什么呢。
- audio 定义声音内容。(内嵌元素)audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式
<audio src="/i/horse.ogg" controls="controls" autoplay="autoplay">
</audio>
- video 定义视频。(内嵌元素)Ogg支持firefox3.5,opera10.5,chrome3.0,Mpeg 4 支持chrome3.0,safsri3.0
Video也支持多个source元素,链接到不同的视频文件,浏览器将使用第一个可识别的格式
属性值:
autoplay=”autoplay”就绪后马上播放
loop=“loop”播放完再次播放
<video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>
-
command 定义命令按钮 (交互元素)
-
datalist 定义下拉列表,与input元素配合使用该元素,定义input可能出现的值,datalist的选项不会被显示出来,它仅仅是合法的输入值列表(交互元素)
<input list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
- details 定义元素的细节 (交互元素)
<details>
<summary>你一定不知道.</summary>
<p>你有多傻逼.</p>
</details>
你一定不知道
我有多爱你.
-
canvas 定义图形,绘制路径,矩形,圆形,字符以及添加图像的方法
Canvas元素本身没有绘图能力,所有的绘制工作必须在javascript内部完成渐变 -
dialog 定义对话(会话)dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者,HTML5dd元素可以表示讲话内容。(结构元素)
-
embed 定义外部交互内容或插件
<embed src="/helloworld.swf" />

浙公网安备 33010602011771号