- 相關(guān)推薦
HTML5的5個(gè)特點(diǎn)講解
HTML5出現已經(jīng)有一段時(shí)間了，它為移動(dòng)和桌面程序新增加了很多新的令人興奮的JavaScript和HTML的API。所以在YJBYS小編分享的這篇文章中，你會(huì )發(fā)現一些HTML5功能將提高你的Web應用程序，并會(huì )為你節省大量時(shí)間。
DNS預提取
DNS主機名解析，是任何網(wǎng)站變慢的原因之一�，F代瀏覽器開(kāi)始變得很智能，當涉及到DNS解析時(shí)，瀏覽器將會(huì )在用戶(hù)點(diǎn)擊網(wǎng)頁(yè)上鏈接之前，嘗試解析域名并緩存。
DNS預提取功能可以由你手動(dòng)操作控制，告訴瀏覽器需要解析的域名：
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//platform.twitter.com">
鏈接預提取
鏈接預提取功能允許開(kāi)發(fā)人員指定他們想要預加載的頁(yè)面和資源悄悄地加載一次，像加載搜索結果的第一頁(yè)：
<link rel="prefetch" href="http://daker.me/2013/05/hello-world.html" />
<link rel="prefetch" href="http://daker.me/assets/images/avatar.png" />
您也可以使用預渲染功能，將讓你的網(wǎng)站變得更快，瀏覽器將獲取和渲染整個(gè)翻頁(yè)，只有當用戶(hù)點(diǎn)擊鏈接時(shí)才顯現出來(lái)：
<link rel="prerender" href="http://daker.me/2013/05/hello-world.html" />
下載屬性
HTML5的下載屬性使開(kāi)發(fā)人員能夠實(shí)現文件強制下載，而不是去到特定的頁(yè)面，要做到這一點(diǎn)不再需要依賴(lài)于服務(wù)器端的代碼。
<a href="download_pdf.php?id=15" download="myfile.pdf">Download PDF</a>
正則表達式
我知道你會(huì )愛(ài)上這個(gè)功能，如果用戶(hù)輸入的是一個(gè)有效的電子郵件或URL地址，不必使用更多的js 或服務(wù)器端的代碼來(lái)檢查，你可以直接使用正則表達式的模式屬性：
<input type="email" pattern="[^ @]*@[^ @]*" value="">
datalist元素
datalist元素是一個(gè)重要的新增元素，用戶(hù)按鍵觸及數據庫時(shí)，結合服務(wù)器端代碼自動(dòng)完成輸入，不需要使用jQuery插件。
<form action="form.php" method="post">
<input list="cars" name="cars" >
<datalist id="cars">
<option value="Volvo">
<option value="BMW">
<option value="Bugatti">
<option value="Cadillac">
<option value="Chevrolet">
<option value="Chrysler">
</datalist>
<input type="submit" />
</form>
【HTML5的5個(gè)特點(diǎn)講解】相關(guān)文章：
HTML5教程：畫(huà)布Canvas基礎知識講解10-07
中國民間民族舞的技巧特點(diǎn)講解10-04
HTML5的發(fā)展08-15
HTML5設計原理09-28
關(guān)于HTML5的開(kāi)發(fā)教程11-04
html5入門(mén)設計原理09-10
html5與傳統html區別07-27
頂級的HTML5 Canvas賞析10-31
HTML5的15個(gè)常用特性06-05
HTML5的六大優(yōu)勢09-14