前端開發攻城師絕對不可忽視的五個HTML5新特性

html5已經火了一段時間了，相信作為web相關開發工程師，肯定或多或少的了解和嘗試過一些html5的特性和程式設計。還記得以前我們介紹過的html5新標籤。作為未來前端開發技術的潮流和風向標，html5絕對不容忽視。

在今天這篇技術分享文章中，我們將介紹幾個html5的重要特性，能夠幫助你提高整個web應用的使用體驗和開發效率，相信大家會感興趣的！

執行如下：

在沒有html5的日子裡，我們會選擇使用一些js或者知名的jquery ui來實現自動補齊的功能，而在html5中，我們可以直接使用datalist元素，如下：

執行**：

如果你輸入字母「j"，可以看到如下的自動補齊效果：

如果你希望預先獲取nds，你可以控制你的瀏覽器來解析網域名稱，例如：

要知道鏈結能夠在也頁面中幫助使用者導航，但是頁面載入的速度快慢決定了使用者體驗的好與壞，使用如下html5的prefetch屬性可以幫助你針對指定的位址預載入頁面或者頁面中的特定資源，這樣使用者點選的時候，會發現頁面載入速度提高了。

或者可以使用prerender屬性，這個屬性能夠幫助你提前載入整個頁面，如下：

通過設定這個屬性，登入極客社群後，極客搜尋頁面已經載入了，這樣如果你需要搜尋，頁面會立刻載入，相信你的使用者肯定喜歡訪問這樣的**！

以上就是我們今天分享的五個實用的html5特性，希望大家喜歡，如果你也有其它的好的技巧和特性分享，請發布到我們的極客標籤社群。感謝閱讀！

via 極客社群