社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > H5教程 > HTML5與以前HTML4的差別整理_html5教學技巧

HTML5與以前HTML4的差別整理_html5教學技巧

WBOY
發布： 2016-05-16 15:48:49
原創
1507 人瀏覽過

HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4，但它們也有一些不同。最新最全的HTML5-HTML4比較資訊請看http://dev.w3.org/html5/html4-differences/，看起來像略多的樣子。在這個IE還仍然存在的世界裡，HTML5的差異先掌握一些即可，等全部支援後再細細研究也不遲。

1. 簡化的語法
HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫就行了。 HTML 5 指定 UTF-8 編碼的方式如下

2. 標籤替代Flash
Flash給很多Web開發者帶來了麻煩，要在網頁上播放Flash需要一堆程式碼和外掛程式。 標籤使得開發者只要使用一個標籤就能和使用者產生UI互動。

3 新增許多標籤
HTML5設計的一個原則是更好的體現網站的語義性，所以增加了

和
這樣的標籤，用來明確表示網頁的結構；新增
和
標籤，
和
也有利於清晰化網頁的結構，更有利於SEO；新增 和
標籤，可以被用來建立傳統的選單，也可以用於工具列和上下文選單。
標籤使得網頁文字和圖片的排版更專業； 新增

4. 全新的表單
HTML5對

和 標籤進行了大量修改，新增了許多新的屬性，也修改了許多屬性，詳細http ://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. 刪除 且 標籤，,

, 標籤

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
來源：php.cn
上一篇：html5 的a標籤 Href 撥電話的寫法_html5教學技巧 下一篇：HTML5 window/iframe跨網域傳遞訊息 API介紹_html5教學技巧
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何讓我的圖像顯示在頁面的主顯示幕上？ 我想做的是使用NASAAPI接收一些照片。然後在我的網頁的縮圖和主顯示屏上顯示這些照片。我只是弄清楚為什麼程式碼不從縮圖中獲取圖像並將其顯示在頁面上。我還使用HTML5以上版本的模...
來自於 2024-04-06 15:33:12
0
1
433
PDF檔案能夠運行HTML5和Javascript嗎？ 我有一個愚蠢的想法，想嘗試製作一個在任何計算機上都不會被阻止的程序，因為它將嵌入在PDF中（我聽說Javascript可以在PDF中運行）。它將在PDF檔案中運行HTML5和Jav...
來自於 2024-04-05 12:57:00
0
1
456
HTML5中的enctype和formenctype有什麼差別？ 我只是想知道HTMLLivingStandard（又稱新的HTML5規範）中的屬性enctype和formenctype之間有什麼區別？我一直在閱讀《開發人員的HTML標準》，但似...
來自於 2024-04-02 11:47:56
0
1
275
使頁面適合行動裝置嗎？ 我有很多網頁和一些網站。問題是，我是一個初學者。我使用基本的html5和css3，但我不知道如何使它們放大、縮小並且適合行動裝置。例如，這是我的頁面之一和我的網站之一，您可以在其中...
來自於 2024-04-01 20:42:38
0
1
259
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板