首頁 部落格 Html5互動網頁和html網頁有什麽區別和優缺點
Jericho
Mar 24, 2021
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

Html5互動網頁和html網頁有什麽區別和優缺點

Html5已經在市場上誕生好幾年,也不算是嶄新技術了,但還是有許多用戶與網頁設計師,不明白傳統的Html與Html5的差異點,或是思考投入Html5或是App開發的工作,我們整理了Html5和html的區別有主要有三個:

延伸閱讀:HTML 5網頁設計是什麽?  響應式設計爲什麽很重要?

 

1、文檔宣告區別

HTML:一種純文字類型的語言。

HTML5.0:HTML5的文檔宣告方便書寫,精簡,有利於程式開發者快速的閱讀和開發。沒宣告 DOCTYPE 或是宣告一個錯誤的 DOCTYPE,會造成瀏覽器無法預期的行為。

早期的html宣告:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml">

html5:
<!DOCTYPE html>

 

2、在結構語法上

html:沒有呈現結構語法化的標簽,我們通常都是這樣來命名的:<divid="header"></div>;

html5:在語法上卻有很大的優勢。提供了一些新的html5標簽,比如:<header> 、<nav>、<article>、<aside>、<footer>...

 

3、與html相比,HTML5擁有強大的的新功能

(1)強大的繪圖功能

可能有些動畫,或者圖片,在Html5可以通過強大的繪圖功能,加上JS可以實現。而在Html4卻不行。尤其是受到網頁動畫龍頭Adobe Flash停止開發之後,Html5成為當今最主流的網頁動畫技術。

2)新增視訊標簽 

在傳統html的時候,我們想要插入一段視訊影片,需要引用一長段的代碼。但是在html5的情況下。我們只需要用一個video標簽即可。

<videosrc="視訊網址"></video>

簡單來說,html5增加了新標簽,功能更多了,是html的升級版。

 

回到Html5與App之優缺點比較:

 

1、擺脫對平台的依賴

HTML5可以讓你擺脫對特定平台的依賴,用戶打開瀏覽器,直接就可以開啟應用程式。若你以App的方式開發,就需要經過各種平台經營商審核資格,獲得上架的許可。

2、即時更新

當你的網站完成更新,程式與服務就已經是最新的。但使用App開發需經過平台審核,至少要七個工作日左右的時間才會上架更新。

3、離線使用

Html5允許用戶離線使用,或只需更新下載少量資料,也可以選擇替換部分文件,維護上極為便利。

 

Html5的缺點

1、相容性方面:

許多Html5瀏覽器的支持程度不一,常見的是語法的支援性尚未統一,你預期的視覺畫面,在不同瀏覽器就會看到不一樣結果,即使是最新的瀏覽器,也可能不支援部分Html5的語法。

2、技術門檻方面:

Html5簡化開發者工作的同時,代表有許多的屬性和API需要程式設計者學習,像web worker、web socket等。

3、性能方面:

某些平台下的核心問題,例如非主流的設備如智慧電視、智慧投影機、汽車導航上的瀏覽器,運行Html5的性能就會十分低落。

 

延伸閱讀:HTML 5網頁設計是什麽?  響應式設計爲什麽很重要?

網頁APP化:開發APP有什麽好處及弊端
網頁APP化:開發APP有什麽好處及弊端
Jericho
Jericho
Mar 17, 2021
什麽是互動式網頁設計?
什麽是互動式網頁設計?
Jericho
Jericho
Aug 25, 2021
比GA更接近技術核心的網站流量分析工具:AWStats
比GA更接近技術核心的網站流量分析工具:AWStats
Ryan
Ryan
May 26, 2021