溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

H5和HTML4的區(qū)別是什么

發(fā)布時間：2020-09-10 10:50:21 來源：億速云 閱讀：178 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了H5和HTML4的區(qū)別是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。本文整理了一些可以看得見的區(qū)別，先掌握一些即可，等全部支持后再細(xì)細(xì)研究也不遲，感興趣的朋友不要錯過

HTML5是HTML標(biāo)準(zhǔn)的下一個版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。最新最全的HTML5-HTML4對比信息請看http://dev.w3.org/html5/html4-differences/，貌似略多的樣子。在這個IE還仍然存在的世界里，HTML5的差別先掌握一些即可，等全部支持后再細(xì)細(xì)研究也不遲。

1. 簡化的語法
HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML 5 指定 UTF-8 編碼的方式如下<meta charset="UTF-8">

2. <canvas>標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個標(biāo)簽就能和用戶產(chǎn)生UI交互。

3 新增許多標(biāo)簽
HTML5設(shè)計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了<header>和<footer>這樣的標(biāo)簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)；新增 <section> 和 <article> 標(biāo)簽，<section>和<article>也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO；新增 <menu> 和 <figure> 標(biāo)簽，<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標(biāo)簽使得網(wǎng)頁文字和圖片的排版更專業(yè)； 新增 <audio> 和 <video> 標(biāo)簽，這兩個標(biāo)簽可能是HTML5里面最有用的兩個標(biāo)簽了，使用起來時也異乎方便，如在HTML5頁面中嵌入視頻只需一小段

代碼如下:

<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does'nt support video embedding feature.  
</video>


同理，音頻等其他的也類似。

4. 全新的表單
HTML5對 <form> 和 <forminput> 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性，

5. 刪除 <b> 和 <font> 標(biāo)簽，<frame>, <center>, <big> 標(biāo)簽

6.HTML5 支持了不同類型的存儲類型

HTML5 支持本地存儲，在之前版本中是通過 Cookie 實現(xiàn)的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的對象可用來存儲數(shù)據(jù)，HTML5通過JS來存儲和訪問數(shù)據(jù)：

localStorage 適用于長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
   sessionStorage 只是針對一個session的數(shù)據(jù)存儲，存儲的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除

總的來說，HTML5已經(jīng)超越了標(biāo)記語言的范疇，更富語義的標(biāo)簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù)，實現(xiàn)無插件的動畫以及圖像、圖形處理能力；本地存儲，可實現(xiàn)offline應(yīng)用；websocket，一改http的純pull模型，實現(xiàn)數(shù)據(jù)推送的夢想；MathML，SVG等，支持更加豐富的render等等等等，現(xiàn)在對于對HTML5的了解還只停留在表面階段，以后會多閱讀一部分HTML5的書籍增加一下見識。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享H5和HTML4的區(qū)別是什么內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手