HTML5的5個特點講解
HTML5出現已經有一段時間了,它為移動和桌面程序新增加了很多新的令人興奮的JavaScript和HTML的API。所以在YJBYS小編分享的這篇文章中,你會發(fā)現一些HTML5功能將提高你的Web應用程序,并會為你節(jié)省大量時間。
DNS預提取
DNS主機名解析,是任何網站變慢的原因之一,F代瀏覽器開始變得很智能,當涉及到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">
鏈接預提取
鏈接預提取功能允許開發(fā)人員指定他們想要預加載的頁面和資源悄悄地加載一次,像加載搜索結果的第一頁:
<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的下載屬性使開發(fā)人員能夠實現文件強制下載,而不是去到特定的頁面,要做到這一點不再需要依賴于服務器端的代碼。
<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-31
現代舞的基本特點講解09-26
現代舞的特點與技巧講解10-12
HTML5的發(fā)展11-03
中國民間民族舞的技巧特點講解09-30
html5學習計劃06-29
HTML5設計原理11-13
頂級的HTML5 Canvas賞析11-15