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