首頁 > web前端 > 前端問答 > html與html5有什麼關聯

html與html5有什麼關聯

WBOY
發布: 2022-01-23 13:31:28
原創
2471 人瀏覽過

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

html與html5有什麼關聯

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

html與html5有什麼關聯

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

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

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

HTML5和HTML的差異

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

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

HTML:

html與html5有什麼關聯

HTML5

html與html5有什麼關聯

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

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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板