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