html5和html的區別是什么？學HTML5要不要學html？

學前端的小伙伴肯定有一個疑問，HTML5和HTML有什么區別呢？我要是學HTML5的話要不要學HTML呢？今天云和小編就來給大家介紹一下它們到底有什么區別？

什么是HTML和HTML5

HTML代表超文本標記語言，用于使用標記語言設計網頁。HTML是超文本和標記語言的組合，超文本定義了網頁之間的鏈接；標記語言用于定義標記內的文本文檔，該文檔定義網頁的結構。此語言用于注釋（在計算機注釋中）文本，以便機器可以理解它并相應地操作文本。

而HTML5就是HTML的第五個版本，在HTML5中新增加了很多標簽和屬性，讓以往需要使用JavaScript實現的效果可以更簡單的實現。

HTML和HTML5的區別

1.文檔聲明

兩者的聲明文檔就有很大的區別，HTML5的更加的簡潔，更利于程序員的快速開發和閱讀。

2.機構語意有差別

兩者在結構語意上也有區別，HTML中沒有結構語意化的標簽，需要使用<divid=”header”></div>這樣的形式命名，而HTML5中<header> 、<nav>、<article>、<aside>、<footer>類似這種的語義化標簽讓代碼機構更清晰。

3.繪圖功能

提到HTML5就不得不提到其強大的繪圖功能canvas，Canvas相當于一個畫布，可以通過JavaScript 來繪制 2D 圖形，Canvas 是逐像素進行渲染的。

4.音視頻支持

在html中想要調用音視頻就需要使用flash，而html5中使用<audio>和<video>標簽即可輕松調用，超級方便。

學HTML5要不要學HTML？

我可以不學用木頭筷子直接學用銀筷子嗎？當然是可以，HTML5其實就包括了HTML的內容，HTML是基礎，HTML5是進階~

最后對前端開發感興趣的同學，可以了前往云和數據 http://www.yunhe.cn/官網也可以加入QQ群1796833492我們會為您提供全面的web前端學習路線，包括HTML5、CSS3、JavaScript及其常用的擴展庫，能夠讓你對入門前端開發有一個清晰的認識。

多初入門HTML5的學員問過HTML5與傳統HTML的區別，以及寫網頁經常用HTML5還是HTML，今天千鋒廣州校區老師就講一下兩者比較明顯的幾個區別。

HTML5已經遠遠超越了標記語言的范疇，它的設計目的是在移動設備上支持多媒體，和HTML比起來，就像一個人大學畢業后，又繼續讀研考博，在知識的深度和廣度上都做了進一步深造。

?首先，兩者文檔類型聲明不同。

HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

3、<"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5：<!DOCTYPE html>

由此可以看出，在文檔聲明上，HTML有很長的一段代碼，并且難以記憶，而HTML5的聲明更為簡單，方便記憶，有利于程序員的快速閱讀和開發。

其次，兩者結構語義有所不同。

HTML沒有結構語義化的標簽，HTML5則增加了很多語義化的標簽，使代碼結構清晰，更加具有可讀性。

再有，HTML5新增了強大的繪圖功能。

有些動畫，或者圖片，在HTML5可以通過繪畫功能，加上JS可以實現。而在HTML4.0卻不行。在HTML5中，Canvas和SVG是可以進行繪圖的。Canvas相當于一個畫布，但它本身不具備畫圖能力，可以通過JavaScript來繪制2D圖形，Canvas 是逐像素進行渲染的。SVG是可伸縮矢量圖形，用于定義網絡的基于矢量的圖形。SVG嚴格遵從XML語法，其圖像文件可讀，易于修改和編輯，可被搜索、索引、腳本化或壓縮，并且具有可伸縮性，可在任何的分辨率下被高質量地打印，也可以在圖像質量不下降的情況下被放大。

最后，說一下HTML5新增的視頻標簽。

用HTML4.0想插入一段視頻，還需要引用很長一段代碼，但是在HTML5的情況下就比較方便了，只需要用一個video標簽即可。

綜上所述，HTML5相對于傳統的HTML還是有很大優勢的，有興趣的小伙伴可以先自學看看。

要學編程的小伙伴們可能都知道HTML和HTML5，這兩者都是WEB語言的一種表述方式，也就是我們上網時經常遇到的網頁，他們兩者之間的區別是什么呢？其實HTML5就是HTML的第五代產品，研發HTML5為了適應移動互聯網應用下的一些需求，HTML5和HTML比起來，深度HTML5和廣度上都做了進一步提升。

在HTML5出現之前的產品開發針對不同平臺像是pc端，ios端，Android端等都是要分開進行編碼開發的，而后期的維護同樣也是要分開進行。但HTML5的橫空出世打破了這個局面，不再需要分開編碼開發或者維護了，只需要按照HTML5的標準就可以在各個平臺順利運行，不單把工作效率大大提高了，同時也為開發節省了不少成本。除此之外HTML5和HTML還有以下幾點差距:

兩者文檔類型聲明不同

HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

3、<"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5：<!DOCTYPE html>

由此可以看出，在文檔聲明上，HTML有很長的一段代碼，并且難以記憶，而HTML5的聲明更為簡單，方便記憶，有利于程序員的快速閱讀和開發。

兩者結構語義有所不同

HTML沒有結構語義化的標簽，HTML5則增加了很多語義化的標簽，使代碼結構清晰，更加具有可讀性。

HTML5新增了強大的繪圖功能。

HTML5新增了視屏標簽

強大的HTML5還新增了視頻標簽。這個功能是HTML4.0所不具備的，用HTML4.0插入視頻需要很長一段代碼，但是用HTML5就只需要video標簽即可。

隨著移動互聯網的快速發展，以及智能化技術的快速發展，未來或許還會有更新版本的HTML問世，但是，HTML系列的這種表述方式是前端開發不不可少的工具，也是編程的入門級語言，想要從事前端開發的同學們一定要掌握好HTML和HTML5的使用方法吆!