HTML5的5个的新特性

特性1：正则表达式

无须使用服务端的检测，使用浏览器的本地功能，就可以帮助你判断邮箱的格式，URL，电话，防止用户输入错误的信息，通过H5的pattern属性，很方便的整合这个功能。

<input type="email" pattern="[^@]*@[^ @]*" value="">

特性2：数据列表元素

在H5没有出现之前，我们会选择JS或者Jquery UI来实现自动补全功能，而在H5中，可以直接使用datalist元素，如下

<form action="/server" method="post">
    <input list="jslib" name="jslib">
    <datalist id="jslib">
         <option value="jQuery">
         <option value="Dojo">
         <option value="Prototype">
         <option value="Angular">
    </datalist>
    <input type="submit" value="完成">
</form>

特性3：下载属性

H5允许开发者强制下载一个页面，而非加载那个页面，不需实现服务端的一些功能来达到同样的效果

<a href="download_pdf.php" download="somefile.pdf">下载PDF文件</a>

特性4：DNS的预先加载处理

由于DNS的解析成本很高，往往会导致网站的加载速度变慢。H5的处理，将域名缓存，当用户点击其他页面地址时自动获取。

<link rel="dns-prefetch" href="//www.gbtags.com"/>

特性5：链接网页的预先加载处理

使用H5的prefetch属性可以帮助你针对指定的地址预加载页面或者页面中的特定资源，用户点击时，会发现页面的加载速度提高了。

<link rel="prefetch" href="http://www.gbtags.com/gb/users.htm"/>
<link rel="prefetch" href="http://www.gbtags.com/gb/networks/themes/img/logo_small.jpg"/>

秒客网

HTML5的5个的新特性

相关文章