html5是html標準的下乙個版本。越來越多的程式設計師開始html5來構建**。如果你同時使用html4和html5的話，你會發現用html5從頭構建，比從html4遷移到html5要方便很多。雖然html5沒有完全顛覆html4，它們還是有很多相似之處，但是它們也有一些關鍵的不同。接下來通過本文一起學習html5和html4的區別吧
html5的新結構標籤
在之前的ylwgkhtml頁面中，大家基本上都是用了div+css的布局方式。而搜尋引擎去抓取頁面的內容的時候，它只能猜測 你的某個div內的內容是文章內容容器，或者是導航模組的容器，或者是作者介紹的容器等等。也就是說整個html文件結構定義不清晰，html5中為了解 決這個問題，專門新增了：頁首、頁尾、導航、文章內容等跟結構相關的結構元素標籤。
在講這些新標籤之前，我們先看乙個普通的頁面的布局方式：
上圖中我們非常清晰的看到了，乙個普通的頁面，會有頭部，導航，文章內容，還有附著的右邊欄，還有底部等模組，而我們 是通過class進行區分，並通過不同的css樣式來處理的。但相對來說class不是通用的標準的規範，搜尋引擎只能去猜測某部分的功能，另外就是此頁 面程式交給視力障礙人士來閱讀的話，文件結構和內容也不會很清晰。而html5新標籤帶來的新的布局則是下面這種情況：
web時代的變遷
上一代的html的標準： html 4.01 和 xhtml 1.0 距離今天已經發布了10多年了，而web端的 應用也已經翻天覆地的變換。而且web前端沒有乙個統一的通用的網際網路標準，各個瀏覽器間擁有太多的不相容，在維護這些瀏覽器相容性浪費了太多的時間。再 有就是之前的多**操作、動畫等都需要第三方的外掛程式的支援，而這就造成多平台的相容性的問題，而這一切在html5中都將成為標準，這樣就在根本上解決了 瀏覽器的差異以及一些第三方外掛程式的問題，讓web應用更加標準，通用性更強，而且更加的獨立於裝置。
自從2023年h5正式出來之後，受到了各大瀏覽器的歡迎與支援，目前業界都在朝著h5方向邁進，h5的時代馬上就要來臨。
html5並不是革命性的改變，而只是發展性的。而且對於之前html4的很多標準都是相容的，所有通過最新html5標準 製作的web應用也可以輕鬆的跑在老版本的瀏覽器上。html5標準中的確是整合了很多實用的功能比如：音**、本地儲存、socket通訊、動畫等都是 之前應用開發中確實感覺到web端的雞肋才得到重視和公升級的，相信如果你有相關的經驗的話也會很有感觸。
html5的目標是：它通過一些新標籤，新功能為開發更加簡、獨立、標準的通用web應用提供了標準。
新的標準解決了三大問題：瀏覽器相容問題，解決了文件結構不明確的問題，解決了web應用程式功能受限等問題。
html4與html5的區別
1、取消了一些過時的 html4的標籤
其中包括純粹顯示效果的標記，如和
，它們已經被 css完全取代。
其他取消的屬性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
2、新增了一些新的元素
比如：更加智慧型的表單標籤：date, email, url 等；更加合理的標籤：section, video, n**, meter, time, aside, canvas等。
3、新的全域性屬性：contenteditable designmode hidden spellcheck tabindex
4、標記方法: 檔案型別宣告（）僅有一型：。
指定字元編碼
5、新的js api
6、保證了相容性
可以省略標記元素
不允許寫結束標記：如area base br
可以省略結束標記：如li dt
可以省略全部標記：www.cppcns.com如html head
**示例如下所示：
複製**
**如下:
html5
...程式設計客棧/header>
...
111111
22222
...
...
本文標題: web時代變遷及html5與html4的區別
本文位址:
h5 不是 html5 的縮寫！！！！
誰說 h5 是 html5 的縮寫 html5 網際網路領域縮寫詞，全稱 hypertext markup language 5 超文字標記語言 5 h5 不知什麼的縮寫，意指 包含一定特效的移動端營銷網頁 注意 而html5第五代html的標準，一種規範，可以說，h5都是用 html5編寫 的，也...
HTML5 儲存 離線web應用
cookie儲存 每次http請求都會傳送cookie資訊，會使web變慢 每次http請求的cookie資訊不加密傳輸，不安全 cookie資訊量最大不能超過4kb 檢測瀏覽器是否支援該特性 function supports html5 storage html5儲存是基於鍵值對的 方法 set...
HTML5的Web儲存應用
一 介紹 html5 web儲存,乙個比cookie更好的本地儲存方式。1 什麼是html5 web儲存 使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是cookie。但是web儲存需要更加的安全與快速，這些資料不會被儲存在伺服器上，但是這些資料只用於使用者請求 資料上，它也...