1、支持视频和音频文件的播放。就像支持图片文件一样。
音频文件
<audio controls="controls" autoplay="autoplay">
<source src="file.ogg" />
<source src="file.mp3" />
<a href="file.mp3">Download this file.</a>
</audio>
视频文件
<video controls preload>
<source src="cohagenPhoneCall.ogv" type="video/ogg"; codecs='vorbis, theora'" />
<source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />
<div> your browser is old. <a href="cohagenPhoneCall.mp4">download this video instead.</a> </div>
</video>
2、必填项属性<input
type="text" name="someInput" required="required">
加上required属性即为必填项,无须再通过JS写验证
3、直接使用正则表达式<input
id="username" type="text" name="username" placeholder="4 <> 10" required="required" autofocus="autofocus" pattern="[A-Za-z]{4,10}">
可以直接在pattern属性中书写正则表达式,无须再通过JS去匹配
4、邮箱验证<input
id="email" type="email" name="email">新增email类型,无需再通过JS去验证邮箱格式
6、可以不用双引号<h6
id=someid class=myclass> start the reactor. </h6>设置ID和样式时可省略""这种写法了
7......
8......
9......
总言之,html5在xhtml的基础上新增了部分标记,扩展了一些原来标记的属性和类型。从而达到使开发更轻松省事,页面更美观,简洁