- 相關推薦
HTML5和HTML4有何區別？
HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。下面是YJBYS小編為大家搜索整理的關于HTML5和HTML4的區別，歡迎參考閱讀，希望對你有所幫助!想了解更多相關信息請持續關注我們應屆畢業生培訓網!
1. 簡化的語法
HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML 5 指定 UTF-8 編碼的方式如下
<meta charset="UTF-8">
2. Flash給很多Web開發者帶來了麻煩，要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。
3. 新增許多標簽
HTML5設計的一個原則是更好的體現網站的語義性，所以增加 了<header>和<footer>這樣的標簽，用來明確表示網頁的結構；新增 <section> 和 <article> 標簽，<section>和<article>也有利于清晰化網頁的結構，更有利于SEO；新增 <menu> 和 <figure> 標簽，<menu>可以被用于創建傳統的菜單，也可以用于工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更 專業； 新增 <audio> 和 <video> 標簽，這兩個標簽可能是HTML5里面最有用的兩個標簽了，使用起來時也異乎方便，如在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> 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性
5. 刪除 <b> 和 <font> 標簽，<frame>, <center>, <big> 標簽
6. HTML5 支持了不同類型的存儲類型
HTML5 支持本地存儲，在之前版本中是通過 Cookie 實現的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的對象可用來存儲數據，HTML5通過JS來存儲和訪問數據：
localStorage 適用于長期存儲數據，瀏覽器關閉后數據不丟失
sessionStorage 只是針對一個session的數據存儲，存儲的數據在瀏覽器關閉后自動刪除
總的來說，HTML5已經超越了標記語言的范疇，更富語義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術，實現無插件的動畫以及 圖像、圖形處理能力；本地存儲，可實現offline應用；websocket，一改http的純pull模型，實現數據推送的夢 想；MathML，SVG等，支持更加豐富的render等等等等，現在對于對HTML5的了解還只停留在表面階段，以后會多閱讀一部分HTML5的書籍 增加一下見識。
【HTML5和HTML4有何區別？】相關文章：
HTML4和HTML5之間的主要不同點03-15
法學碩士和法律碩士有何區別01-23
街舞與爵士舞有何區別03-29
證券從業考試聯考與統考有何區別201703-27
php函數method-exists()與is-callable()有何區別03-31
什么是旁軸相機？與單反相機有何區別？03-21
立冬和冬至有什么區別03-17
雅思和托福有什么區別02-21
紋眉和繡眉有哪些區別03-15