html與html5有什么關聯

這篇文章主要講解了“html與html5有什么關聯”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“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沒有結構語義化的標簽，通常以<divid="header"></div>來命名，HTML5則增加了很多語義化的標簽，比如：<header> 、<nav>、<article>、<aside>、<footer>等，使代碼結構清晰，更加具有可讀性。

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：沒有體現結構語義化的標簽，如：<div id="nav"></div>

html5：添加了許多具有語義化的標簽，如：<article>、<aside>、<audio>、<bdi>...

相于HTML，HTML5中新增和修改了一些元素。

3、繪圖區別

HTML：指可伸縮矢量圖形，用于定義網絡的基于矢量的圖形。

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

4、音頻和視頻的支持

HTML如果不使用Flash播放器支持，它不支持音頻和視頻。HTML5使用<audio>和<video>標簽來支持音頻和視頻控制。

5、語法的處理

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

感謝各位的閱讀，以上就是“html與html5有什么關聯”的內容了，經過本文的學習后，相信大家對html與html5有什么關聯這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！