html5中常用的标签

1.推荐w3school教程

2.使用css3制作文字，图片倒影

[文章链接](http://www.yangqq.com/jstt/css3/2014-12-09/734.html

3.html5中的新标签

相关链接

（1）注意几个，audio添加音频

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

（2）bdo 将文字从右向左（rtl）（或者从左向右 ltl）展示，

<bdo dir="rtl">Here is some text</bdo>

（3）定义button

<button type="button">Click Me!</button>

（4）定义图形并为其定义javascript样式

<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,80,100);

</script>

展示效果
（5）下拉列表datalist

<input list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

（6） 进度条 progress

下载进度：
<progress value="22" max="100">
</progress>

<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>

效果展示

（7）插入视频video

<video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>

（8）框架

查看详情details标签

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

效果展示


（9）样式

（10）编程

（11）列表

（12）全局属性

1）accesskey定义快捷键

<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a><br />
<a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a>

注意:按下alt+h 打开html教程网页， 按下alt+c打开css网页教程
2）文字内容可编辑contenteditable

<p contenteditable="true">这是一个可编辑的段落。</p>

（13）删除标签del和下划线标签ins

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

效果展示

（14）数学符号以及在html中的表示

（15）希腊字母以及在html中的表示

（16）其他符号