這篇文章運用簡單易懂的例子給大家介紹HTML與HTML5有什么不同，代碼非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
HTML與HTML5的區別有：HTML5增加了新元素，支持矢量圖形以及增強了對應用程序功能的支持等，而HTML在這些方面都不及HTML5
HTML
HTML被稱為超文本標記語言，大多數網頁都是用HTML代碼來編寫的。通過HTML，開發人員可以確切地確定多媒體，文本和超鏈接在Web瀏覽器中的顯示方式。在HTML中，標簽用于定義文本結構; 標簽和元素使用<>字符定義，瀏覽器主要負責通過這些標簽呈現網頁內容。但是隨著時間的推移，用于定義文檔樣式的標簽幾乎已經被棄用，因為我們已經開始喜歡用樣式表增加網頁的豐富性，只有內容定義標簽仍然形成核心HTML。
HTML5
隨著時間的推移，HTML已經出現了許多更新，目前最新的HTML版本是HTML5。它仍然是一種標記語言，但它為原始的HTML添加了許多功能，并且消除了XHTML中存在的一些嚴格性。它大大的改善了用戶體驗。
HTML和HTML5的區別
（1）HTML5支持SVG，畫布和其他虛擬矢量圖形，而在HTML中，只有將它與Flash，Silver-light等不同技術結合在一起才能使用矢量圖形。
（2）HTML5使用Web SQL數據庫，可用于臨時存儲數據但在HTML中只有瀏覽器緩存才可用于此目的。
（3）HTML5支持新的表單控件，例如：日期和時間，電子郵件，數字，范圍，電話，網址，搜索等。
（4）HTML 5是否允許音頻和視頻控件以及標簽，HTML不允許音頻<audio>和video <video>標簽。
（5）在HTML 5中，Doctype聲明非常簡單易用，Doctype聲明在HTML中太長且復雜
（6）charset，async和ping的屬性是HTML 5的一部分，HTML中不存在charset，async和ping等屬性
（7）增強了對Web應用程序功能的支持：在HTML5允許瀏覽器作為應用程序平臺運行不需要使用任何基于JS或Flash的方法，因為HTML5中固有的元素提供了所有功能。
（8）新增加的<menu>和<menuitem>元素是互動元素規格的成分，但不經常使用或開發者社區津津樂道。但是，這兩個項目可用于確保增強的Web交互<menu>性。為簡單起見，標簽用于表示移動和桌面應用程序中的菜單命令。
<body contextmenu=”new-menu”> <menu id=” new-menu” type=”context”> <menuitem>Hello!</menuitem> </menu> </body>
例：利用HTML5中的新元素在網頁上插入一首歌和一個視頻
<audio src="song.ogg" controls="controls">
這是一首歌
</audio>
<video src="movie01.mp4" width="100" height="100" controls="controls"> </video>
關于HTML與HTML5有什么不同就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
