Html5已經在市場上誕生好幾年,也不算是嶄新技術了,但還是有許多用戶與網頁設計師,不明白傳統的Html與Html5的差異點,或是思考投入Html5或是App開發的工作,我們整理了Html5和html的區別有主要有三個:
1、文檔宣告區別
HTML:一種純文字類型的語言。
HTML5.0:HTML5的文檔宣告方便書寫,精簡,有利於程式開發者快速的閱讀和開發。沒宣告 DOCTYPE 或是宣告一個錯誤的 DOCTYPE,會造成瀏覽器無法預期的行為。
早期的html宣告:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="https://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的性能就會十分低落。