萬盛學電腦網

 萬盛學電腦網 >> 網絡應用技術 >> 應用教程 >> HTML5的四個優點

HTML5的四個優點

HTML5是最新的WEB語言,它有什麼樣的優點呢,為什麼人們都說HTML5是未來的主導呢,下面就來看看它的四個優點吧:

  1、更快的圖片下載速度,尤其是對於移動用戶

  在網頁設計中,“漸變”是一種背景效果:你的網頁上的“窗口”擁有更精致的底紋或紋理。公司設計人員有更大的空間來平衡明暗度、匹配邊界,實現讓大數浏覽者歎為觀止的色彩或風格。

   漸變效果的頭二十年是通過“著色”來取得的。在HTML5之前,背景必須作為一個圖片(或是由多個子圖疊加在一起)被提供。例如,Photoshop有 一個“漸變工具”。該工具主要用於構建一個背景圖片以作為漸變色使用。這一功能獲得了很大的成功。每一名稱職的網頁設計者通常都會使用已經有的漸變色作為 背景圖片。

  HTML5的出現改變了這一用法。HTML5的CSS3部分通過語義表達漸變,也就是說用有意義的單詞,而不是用圖片表達。例如:

   .gradientArea { background: -o-linear-gradient(#FFB260, #FF7F13); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb260', endColorstr='#ff7f13', GradientType=0); } }

  這一范例的句法細節並不重要,重要的是其通過單詞而不是圖像來展示這種效果。

   首先,其非常簡潔。CSS3漸變規范通常有數百個字節,而表達漸變的背景圖片通常會有數千個字節。除了這一優勢外,CSS3的是漸變是內聯的,其傳輸不 需要打開其它的文件。當大量網站浏覽者通過帶寬有限的移動浏覽器訪問時,讓用於網頁渲染的輔助連接的數量保持低水平對於提升性能非常關鍵。

   你的網頁設計人員能夠像以往那樣做同樣的事情——使用Photoshop的漸變工具或是類似工具,然後導出至CSS3而不是HTML4或XHTML。終 端用戶在他們的浏覽器上的效果幾乎沒有什麼差別,但是下載速度卻提升了許多。此外,CSS3漸變色還能夠更容易的生就不同的屏幕尺寸和各種分辨率。

  其它技術優勢還包括:

  •總體上,其能夠內聯老式的漸變色,因此能夠減少下載成本。

  • 除了CSS3之外,HTML5還包括了其它的漸變效果。

  • 漸變色的CSS3支持將可編程性提升到了一個新的水平。例如,設計人員可以根據浏覽者的年齡和位置調整漸變背景。

copyright © 萬盛學電腦網 all rights reserved