HTML 5十大核心優勢綜述
譯文【51CTO.com快譯】目前***人氣的前端開發技術框架是什么?移動至上時代的來臨促使越來越多的開發者利用HTML 5開發移動友好型網站。HTML 5的主要優勢一直在不斷演進,旨在提供足以與原生技術相匹配的功能。
憑借著面向開發者與最終用戶的強大及新鮮功能,HTML 5已經被世界各地網站所廣泛采用。HTML 5適用于所有現代桌面與移動瀏覽器,亦可用于移動Web應用的開發工作。
HTML 5的主要優勢以及使用理由
1.使用HTML 5有助于消除大部分〈div〉標簽并利用語義元素將其替代。設計師現在可以使用更為干凈整潔的代碼。
2.HTML 5有助于對頁面結構擁有更明確的理解。
3.憑借著新型功能與標準,HTML 5能夠有效簡化前端應用的創建流程——包括使用各類拖拽工具、維基、討論板以及其它使用性元素。
4.利用Geolocation共享您的當前位置。大家可以使用IP地址、無線網絡連接、手機信號塔或者專用GPS硬件以計算來自衛星的經緯度信息,從而完成地理定位。利用新的HTML 5 Geolocation,API將能夠將位置信息直接交付至任何兼容HTML 5的Web應用。
5. HTML5提供一套更為智能的解決方案以指定瀏覽器應當進行緩存的文件。各頁面即使在離線狀態下亦可得到正確加載。
6.為了縮小cookie大小,HTML 5允許大家利用會話存儲與本地存儲。另外,這部分結構化數據僅進行臨時存儲,而非***存儲。
7.HTML 5元素的標準化代碼能夠提高網頁的語義值。通過為headers、nav、footers等指定標簽,設計師能夠輕松了解整體格式的含義與目的。
8. HTML 5的主要優勢包括精致的表單、經過強化的用戶界面、降低對JavaScript的依賴性以及HTML原生表單驗證機制。
9.利用HTML 5進行網頁開發能夠帶來理想的一致性水平。大家可以輕松了解某一網頁的結構并幫助設計師更快加以規劃。
10. HTML5擁有包括<video>、<audio>、圖表、高質量繪圖、動畫以及SVG內容整合等多種功能。其可輕松將多媒體與圖形內容集成在網頁當中,而無需借用Flash以及其它第三方插件。文檔的語義值則可通過<section>、<article>、<header>、<nav>等新元素得到進一步填充。
HTML5中的其它一些新功能
- 引入<figure>元素以將字幕與其圖像副本相關聯。
- small>元素代表小型輸出; 其可作為信息的正確打包器進行表達。
- HTML 5完全移除了<type>屬性。
- 是否使用引號完全取決于用戶的習慣。
- <Content editable>允許用戶對該元素內的任何文本進行編輯,包括其子文本。
- HTML5允許將郵件作為輸入結果,意味著大家能夠要求瀏覽器僅允許經過確認的電子郵箱地址字符串。
- HTML 5 Convenience中的占位符與本地存儲分組進一步提升便捷性。
- 能夠輕松創建指定輸入范圍的滑塊。
當然,今天的文章只能算是拋磚引玉,HTML 5還有更多激動人心的能力等待您發掘。不要猶豫,馬上將其作為您的設計語言吧!
原文標題:Top 10 Major Benefits of HTML 5
原文作者:Parul Sagar
【51CTO譯稿,合作站點轉載請注明原文譯者和出處為51CTO.com】