Html5 新标签

⒈

<audio></audio> 定义声音
<autoplay></autoplay> 该属性出现，音频就绪后马上播放
<controls></controls> 该属性出现，向用户显示控件
<loop></loop> 该属性出现，音频结束时重新播放
<muted></muted> 规定视频输出时静音
<preload></preload> 如果出现该属性，则音频在页面加载时进行加载，并预备播放。
如果使用 "autoplay"，则忽略该属性。

 

示例如下：

<audio src="薛之谦 - 方圆几里.mp3" controls="controls"></audio>

 

⒉

<canvas></canvas>定义图形

<getcontext>显示方法为2d

<fillstyle>设置颜色

<fillrect>（距X轴，距Y轴，图形宽，图形高）设置位置与大小

示例如下：

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,100,100);

</script>

 

⒊

<nav></nav>定义导航链接部分

示例：

<nav>导航：
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>

⒋

<progress></progress>标签标示任务的进度（进程）。

<max>规定任务一共需要多少工作。

<value>规定已经完成多少任务。

示例：

<progress value="22" max="100"></progress>
<progress>

 

 

 

5.

<time></time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

<datetime>规定日期 / 时间。否则，由元素的内容给定日期 / 时间。

<pubdate>指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。

示例：

<p>
我们在每天早上 <time>9:00</time> 开始营业。
</p>

<p>
我在 <time datetime="2010-02-14">情人节</time> 有个约会。
</p>

 

 6.