html5的優勢分析

2018-10-04 10:44

HTML5技術相(xiàng)對于flash插件優勢就是(shì)，更清晰，更流暢，對CPU的占用更低，就如同播放(fàng)本地視頻(pín)一樣。

HTML5技術相(xiàng)對于flash技術能使用本地播放(fàng)器播放(fàng)網頁視頻(pín)（比如iphone不支持flash，也能播放(fàng)網頁上的視頻(pín)）而flash相(xiàng)對于html5十分吃CPU，在電腦上還好點，在手機上就會顯得特别卡。

即便是(shì)雙核的手機，在播放(fàng)優酷和土豆上的高清720P以上的視頻(pín)的時候也會卡，最關鍵的是(shì)因爲flash非常依靠CPU所以對CPU的占用很大，在電腦上表現(xiàn)還不明顯，在手機上表現(xiàn)就是(shì)卡和費(fèi)電（因爲占用很多CPU資源）。
H5之所以能引發如此廣泛的效應，根本在于它不再隻是(shì)一種标記語言，它爲下一代互聯網提供了全新的框架和平台，包括提供免插件的音視頻(pín)、圖像動畫、本體存儲以及更多酷炫而且重要的功能，并使這些應用标準化和開放(fàng)化，從而使互聯網也能夠輕松實現(xiàn)類似桌面的應用體驗。
　　H5的最顯著的優勢在于跨平台性，用H5搭建的站點與應用可以兼容PC端與移動端、Windows與Linux、安卓與IOS。它可以輕易地移植到各種不同的開放(fàng)平台、應用平台上，打破各自爲政的局面。這種強大的兼容性可以顯著地降低開發與運營成本，可以讓企業特别是(shì)創業者獲得更多的發展機遇。
　　此外，H5的本地存儲特性也給使用者帶來了更多便利。基于H5開發的輕應用比本地APP擁有更短的啓動時間，更快的聯網速度，而且無需下載占用存儲空間，特别适合手機等移動媒體。而H5讓開發者無需依賴第三方浏覽器插件即可創建高級圖形、版式、動畫以及過渡效果，這也使得用戶用較少的流量就可以欣賞到炫酷的視覺聽(tīng)覺效果。
正在使用構建器來避免使用代碼更深入，但(dàn)是(shì)關于HTML5的一些最好的東西是(shì)代碼中的新元素。在過去(qù)，HTML已經有“标簽”繞過文字，并告訴你的浏覽器它在看什麽。

例如，一些段落文本将如下所示：

<p>This is paragraph text!</p>

頂層标題将如下所示：

<h1>This is a heading!</h1>

對于頁面上的許多元素，特别是(shì)分隔符，HTML隻有一個符号，标簽<div></div>。因此，包含該網站主要内容的框将如下所示：

<div>This houses all the main content on the site!</div>

側邊欄看起來像這樣：

<div>This is a sidebar!</div>

标題，頁腳，主要内容中的文章等都最終不得不使用标簽<div></div>。您可以想像，這使得開發人員(yuán)難以合作開發項目，因爲更難以理解使用相(xiàng)同标記引用不同元素的數千行代碼。它還使搜索引擎更難了解網站上的重要内容。

HTML5引入了具有更準确名稱的新元素。所以現(xiàn)在，您的内容的後端如下所示：

<header>This is a header!</header>

<main>This houses all the main content on the site!</main>

<footer>This is a footer!</footer>

您可以想像，這使得開發人員(yuán)更容易創建更好的網站，開發人員(yuán)創建網站制作商使用的模闆，這對于使用HTML5的網站制作工具來說是(shì)一個好點。HTML5元素的另一大勝利就是(shì)輕松訪問搜索引擎。由于清晰度，新的語義元素給您的代碼，搜索引擎可以更容易地了解您的網站，使其更容易索引。這是(shì)對SEO的正确方向的另一個推動。

多媒體元素
使用較舊(jiù)版本的HTML，将視頻(pín)和音頻(pín)添加到網站可能是(shì)一個複雜(zá)的過程。現(xiàn)在就像使用新的“<audio> </ audio>”和“<video> </ video>”标簽一樣簡單。如果要在您的網站上放(fàng)置視頻(pín)或音頻(pín)剪輯，則使用HTML5的構建器可以無縫地完成。這也是(shì)多少網站爲網頁創建視頻(pín)背景。如果您正在尋找一種快速的方法來使您的網站視覺驚豔，則視頻(pín)背景可能是(shì)您最好的選擇。

現(xiàn)場速度優化
HTML5還優化了站點速度，并更有效地利用了設備的能力。這些創新的幾個例子包括：

Web Workers - 此功能通過在後台委托JavaScript事件使HTML5加載更快。
requestAnimationFrame - 此功能可優化2D和3D動畫。
還有更多的功能會讓您理解（并解釋）複雜(zá)，但(dàn)您可以查看Mozilla開發人員(yuán)網絡HTML5頁面上的完整列表。

HTML5＆Bounce Rate
Google很容易找出您的網站加載速度，但(dàn)您的用戶也可以看清楚。如果一個頁面正在努力出現(xiàn)，用戶離(lí)開。搜索引擎跟蹤訪問者在您的網站上停留的時間，并使用該時間來确定您的“跳(tiào)出率”。跳(tiào)出率是(shì)從用戶從您的網站彈回到另一個網站的平均時間計算的。不利的“跳(tiào)出率”告訴搜索引擎，他們不應該将該網站顯示在結果頁面的頂部。