本文介绍了HTML5的诸多新特性，包括新文档类型、脚本和链接无需type属性、语义化标签、hgroup元素等。还提及图形元素、占位符、必要属性、autofocus属性等。此外，阐述了audio和video元素对音视频的支持，以及视频预加载、正则表达式等特性。
1.新的文档类型
<!DOCTYPE html>
2.脚本和链接无需type
<link rel="stylesheet" href="">
<script src=""></script>
3.语义化的标签
header footer
4.hgroup元素
用于分组等 ，h1 h2等
5.标记元素等
mark 理解为高亮标签就可以。
6.图形元素
figure标签元素，与figcaption结合 语义化的将注释和相应的图片联系起来
7.重新定义small标签
用来被定义为小字，例如网站底部版权信息文字等。
8.占位符
placeholder
9.必要属性
required 新属性指定某一输入是否必须，两种方法声明这一属性。
<input type="text" name="someInput" required>
<input type="text" name="someInput" required="required">
10.autofocus 属性
聚焦，利用自动聚焦属性<input type="text" autofocus>
11.audio
不需要再依靠第三方插件来渲染音频，使用audio元素
<audio autoplay="autoplay" controls="controls">
<source src="file.org">
<source src="file.mp3" <a href="file.mp3">Download</a>>
</audio>
12.video 支持
HTML5中不仅有<audio>元素，而且还有<video>。然而，和<audio>类似，HTML5中并没有指定视频解码器，它留给了浏览器来决定。虽然Safari和Internet Explorer9可以支持H.264式的视频，Firefox和Opera是坚持开源Theora 和Vorbis格式。因此，指定HTML5的视频时，你必须提供这两种格式。
<video controls preload>
<source src="file.mp4" type="video/mp4" codecs='avc1.42E01E, mp4a.40.2'>
<source src="file.ogv" type="video/ogv" codecs='vorbis, theora'>
<p>浏览器不支持<a href="file.mp4">Download</a></p>
</video>
13.视频预加载，显示控制条
preload， controls 属性
14.正则表达式
pattern属性直接插入一个正则表达式
<form action="" method="post">
<input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" />
<input type="submit" />
</form>
扫一扫
2089
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
