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