文档介绍：一 html5简介

HTML5 ~=HTML+CSS+JS APIs
Html5的发展其实是html,css,jsapi的发展
HTML 5草案的前身名为Web Applications ,是在2004年由WHATWG提出,再于2007
HTML 5的标准草案目前已进入W3C制定标准5大程序的第1步。
标签
Video,Audio
Video:ogg,mp4,webm audio:ogg,mp3,wav
demo
<video width="320" height="240" controls="controls">
<source src="" type="video/ogg">
<source src="" type="video/mp4">
Your browser does not support the video tag.
</video>
属性
autoplay,controls,loop,preload,src
实例1 视图标签:
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="/i/" type="video/ogg">
<source src="/i/" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
视图标签案例链接:/tiy/?f=html5_video_all
实例2音频:
<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="/i/" type="audio/ogg">
<source src="/i/" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
例子链接:/tiy/?f=html5_audio_all
语义标签
增强的表单控件参见ppthtml5教程
Canvas元素网页上绘制图像
绘图绘画过程具体例子看:
/html5/
l5/
Input标签
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
Email,url,number,range,Date pickers ,search,color
Demo
-mail:输入框页面获取
E-mail: <input type="email" name="user_email" />
获取输入的内容显示在页面上:
/tiy/?f=html5_form_email
:输入框页面获取
<input type="url" name="user_url" />
<input type="number" name="points" min="1" max="10" />
Max,min,step,value/tiy/?f=html5_form_number
<input type=“range” name=“points” min=“1” max=“10”/>滑动条
/tiy/?f=html5_form_range
2:输入框页面获取
<input type="date" name="user_date" />
date ,month,week,time,datetime,datetime-local
/tiy/?f=html5_form_datetime-local
,keygen,output
<input type="url" list="url_list" name="link" />
<datalistid="url_list">
<option label="W3School" value="" />
<option label="Google" value="" />
<option label="Microsoft" value="" />
</dat