天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

HTML5是什麼?讓網頁效能更上一層樓的HTML5基本介紹|天矽科技客製化網頁設計

部落格:HTML5是什麼?讓網頁效能更上一層樓的HTML5基本介紹|天矽科技客製化網頁設計

 

HTML5不僅是HTML的更新,更是包含了CSS與JavaScript的一套技術組合技術突破!減少了網站對外掛程式的依賴,還提升了網站的效能、互動與美觀性!

什麼是HTML5?

HTML5就是HTML的第五次修訂的版本,由W3C在2014年10月完成標準訂定。

廣義上來說,HTML5是指包含了HTMLCSSJavaScript的一套技術組合,這三種技術也都有了創新,目的在於希望能夠減少網頁瀏覽器對於外掛程式的需要,比如Adobe Flash、Microsoft Silverlight與Oracle JavaFX。

其中,因HTML5新增了在以往都要靠Flash才能完成的項目,如影音<video>、音訊<audio>、繪圖及動畫<canvas>…等功能,迫使Adobe Flash在2020年全面停止更新,進而影響各大瀏覽器停止支援Adobe Flash!

延伸閱讀:
網站改版好時機:Flash將於2020年停止更新,HTML5時代全面來臨!

 

HTML5不僅新增了影音及視訊…等功能,還新增了很多更有意義的語法特徵和元素,利用語法標籤讓結構變得更加簡單!在以往的網站都會有滿滿的<div>和<table>包覆內容,而現在只需要利用<section>、<article>、<header>、<footer>、<aside>和<nav>,讓網頁原始碼更加簡化、結構化,這樣爬蟲就能更加理解網站內容,因此提高搜尋引擎的排名!

資料來源:維基百科

 

HTML5可以說是開發網站的必備技能!

 

HTML5優勢

Semantic|語法更有意義

以HTML5所建構的網站,語法更加有意義及高度結構化,這讓搜尋引擎更好理解網站內容,因此在搜尋排名上有一定程度上的加分。

 

Offline Storage|離線存取

HTML5提出了兩大離線存取技術,分別為localstorage和Application Cache。

使用HTML5開發的網頁有更短的啟動時間與網路速;傳統的Cookie只能儲存一小段文字,不能存檔案較大的資料,而現在可以儲存更多的內容以外,還有更好的彈性及架構,這也是傳統與現代最主要的差異。

 

Device Access|設備兼容性

HTML5提供了API串接的功能,使外部應用可以與瀏覽器內部的資料連接,使資料可以跨平台的互相串連、溝通,比如網頁中放入Google地圖,讓地圖可以直接在網頁上使用,不用另外再開啟分頁,這就是API的作用。

 

Connectivity|連線、即時通訊

HTML5有更效率的伺服器推送技術,利用伺服器發送事件Server-Sent Event與雙向溝通技術WebSockets,帶來更高效的連線方案。

 

Multimedia|網頁多媒體

HTML5透過標籤<audio>和<video>來支援嵌入式媒體,不再需要依賴Flash來驅動多媒體。

 

3D/ Graphics/ Effects|3D圖形及特效

利用SVG可縮放向量圖形、Canvas繪圖元素、WebGL互動式2D/3D圖形、CSS3階層樣式表…等,使網站上可以出現3D、繪圖、遊戲、動畫…等互動功能,讓網頁更加豐富、有趣。

 

Performance/ Integration|效能與整合

HTML5透過XMLHttpRequest2的技術,解決了伺服器跨來源請求等待時間過長的問題,使網站可以更快的顯示、作業。

 

資料來源:程式前沿

 

HTML5的更新,帶給了網站架設技術上的重大突破,不僅讓網站可以更加活潑生動,也讓使用者與網頁能有更好的互動性;若對HTML5想要更了解,可至W3C官方網站查看更詳細的內容與標準。

天矽科技架設網站皆依照W3C所提供的標準來架設網站,擁有資深的設計團隊與技術,讓您心目中想像的網站得以實現!

回上一頁
信箱
客服
Line@