html5的優勢分(fēn)析

2018-10-04 10:44

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

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

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

例如，一(yī)些段落文本将如下(xià)所示：

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

頂層标題将如下(xià)所示：

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

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

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

側邊欄看起來像這樣：

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

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

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

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

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

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

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

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

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

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

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