雖然HTML5沒有完全顛覆HTML4,但它們也有些不同。本文整理了一些可以看得見的區別,先掌握一些即可,等全部支持後再細細研究也不遲,有興趣的朋友不要錯過
HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4,但它們也有一些不同。最新最全的HTML5-HTML4比較資訊請看http://dev.w3.org/html5/html4-differences/,看起來像略多的樣子。在這個IE還仍然存在的世界裡,HTML5的差異先掌握一些即可,等全部支援後再細細研究也不遲。
1. 簡化的語法
HTML5簡化了很多細微的語法,例如doctype的聲明,你只需要寫aba7b36f87decd50b18c7e3e3c150106就行了。 HTML 5 指定UTF-8 編碼的方式如下48e802e877e22739867de2b4093d796b
2. edbce0681fa6219f92778357505321e3標籤使得開發者只要使用一個標籤就能和使用者產生UI互動。
3 新增許多標籤
HTML5設計的一個原則是更好的體現網站的語義性,所以增加了1aa9e5d373740b65a0cc8f0a02150c53和< ;footer>這樣的標籤,用來明確表示網頁的結構;新增2f8332c8dcfd5c7dec030a070bf652c3 和23c3de37f2f9ebcb477c4a90aac6fffd 標籤,2f8332c8dcfd5c7dec030a070bf652c3和23c3de37f2f9ebcb477c4a90aac6fffd也有利於清晰化網頁的結構,更有利於SEO ;新增5c0e96d12fc7501cef2ae2efde646ee0 和24203f2f45e6606542ba09fd2181843a 標籤,5c0e96d12fc7501cef2ae2efde646ee0可以用來建立傳統的選單,也可以用於工具列和上下文選單。 24203f2f45e6606542ba09fd2181843a標籤使得網頁文字和圖片的排版更專業;新增b97864c2e0ef2353a16c4d64c7734e92 和39000f942b2545a5315c57fa3276f220 標籤,這兩個標籤可能是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對ff9c23ada1bcecdd1a0fb5d5a0f18437 和4afa1c2448733e16c7036e9bfce85f7d 標籤進行了大量修改,新增了許多新的屬性,也修改了許多屬性,
5. 刪除a4b561c25d9afb9ac8dc4d70affff419 和240cb830ca84ebaabbd07850110b414d 標籤,04a0d55efbbfd646a993fbc01f262c57, bacbf9e1ad7f40415ce1670e31edfee3, 3d49bde0e0b2e042578ad34140b6c48e 標籤
6.HTML5 支援了不同類型的存儲類型HTML5 支援本地存儲,在先前版本中是透過Cookie 實現的。 HTML5 本機儲存速度快且安全性。而HTML5有兩種不同的物件
可用於儲存數據,HTML5透過JS
來儲存和存取資料: localStorage 適用於長期儲存數據,瀏覽器關閉後資料不遺失
sessionStorage 只是針對一個session的資料存儲,儲存的資料在瀏覽器關閉後自動刪除總的來說,HTML5已經超越了標記語言的範疇,較富語意的標籤將使得HTML5更有用處。 Canvas+WEBGL等技術,實現無插件的動畫
以及圖像、圖形處理能力;本地存儲,可實現offline應用;websocket,一改http的純pull模型
,實現數據推播的夢想;MathML,SVG等,支援更豐富的render等等等等,現在對於對HTML5的了解還只停留在表面階段,以後會多閱讀一部分HTML5的書籍增加一下見識。 1. 2. #3. 4. 5. ###教你用H5繪圖的基礎方法######以上是詳解H5和HTML4的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!