html與html5有什麼關聯

HTML5是HTML、XHTML以及HTML DOM的新標準，HTML5是HTML的第五個版本，HTML5中刪除或修改了許多元素，HTML5的設計目的是在行動裝置上支援多媒體，和HTML比起來，深度和廣度上都做了進一步提升。

本教學操作環境：windows10系統、HTML5版、Dell G3電腦。

html與html5有什麼關聯

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

大多數標記（例如HTML）語言都是人類可讀的。該語言使用標籤來定義必須對文字進行哪些操作。它用於在網頁上建構和呈現內容。

HTML5是HTML的第五個版本，HTML5中刪除或修改了許多元素。

HTML5和HTML的差異

首先，HTML5遠遠超越了標記語言的範疇，它的設計目的是在行動裝置上支援多媒體，和HTML比起來，深度和廣度上都做了進一步提升。

接著，我們來看一下兩者的宣告檔型別：

HTML：

HTML5

由上面可以看到，在文件宣告上，HTML的宣告程式碼很長很複雜，而HTML5的宣告更為簡單，方便記憶，所以HTML5要比HTML更有利於程式設計師的快速閱讀和開發。

此外，兩者結構語意也有所不同。 HTML沒有結構語意化的標籤，通常以來命名，HTML5則增加了許多語意化的標籤，例如：

、

、< ;article>、

、

等，讓程式碼結構清晰，更有可讀性。

HTML5新增了強大的繪圖功能，透過繪畫功能，加上JS可以實現動畫以及圖片。而HTML4.0卻不行。在HTML5中，Canvas和SVG可以進行繪圖，Canvas相當於一個畫布，可以透過JavaScript 來繪製 2D 圖形，Canvas 是逐像素進行渲染的。 SVG是可伸縮向量圖形，用於定義網路的基於向量的圖形，SVG 嚴格遵循 XML 語法，其圖像檔案可讀且易於修改和編輯，可以被搜尋、索引、腳本化或壓縮。可以在任何解析度下被高品質地列印。

除了上述幾點，強大的HTML5也新增了視訊標籤。這個功能是HTML4.0所不具備的，用HTML4.0插入影片需要很長一段程式碼，但用HTML5就只需要video標籤即可。

自己是從事了五年的前端工程師，自己整理了一份最全面前端學習資料，從最基礎的HTML CSS JS到HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小伙伴，需要可以私聊我喲，這是我的前端開發qun ，【六零三】【九八五】【九九三】，對於學習web前端有任何問題（學習方法，學習效率，如何就業）都可以問我，最後可以點一波關注喲！

總結：

1、文件宣告差異

2、結構語意差異

html：沒有體現結構語意化的標籤，如：

html5：新增了許多語義化的標籤，例如：

、

、

相於HTML，HTML5中新增並修改了一些元素。

3、繪圖差異

HTML：指可伸縮向量圖形，用於定義網路的基於向量的圖形。

HTML5：HTML5的canvas元素使用腳本（通常使用JavaScript）在網頁上繪製圖像，可以控制畫布每個像素。

4、音訊和視訊的支援

HTML如果不使用Flash播放器支持，它不支援音訊和視訊。 HTML5使用

5、語法的處理

HTML無法處理不準確的語法；HTML5能夠處理不準確的語法。

推薦教學：《html影片教學》

以上是html與html5有什麼關聯的詳細內容。更多資訊請關注PHP中文網其他相關文章！