HTML4 和 HTML5 的10個關鍵區別

2020-12-16 開源中國

HTML5是HTML標準的下一個版本。越來越多的程式設計師開始HTML5來構建網站。如果你同時使用HTML4和HTML5的話 ，你會發現用HTML5從頭構建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4，它們還是有很多相似之處，但是它們 也有一些關鍵的不同。本文就列出了它們之間10個關鍵的不同之處。

1. HTML5 標準還在制定中
首先要注意的是，HTML5雖然現在很火，但是HTML5標準還在制定中，標準仍在改變。HTML4已經10多年了，不會有任何改變了。

2. 簡化的語法
HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。

3. <canvas>標籤替代Flash
Flash給很多Web開發者帶來了麻煩，要在網頁上播放Flash需要一堆代碼和插件。<canvas>標籤使得開發者只要使用一個標籤就 能和用戶產生UI交互。雖然目前<canvas>標籤還不能實現Flash的所有功能，但是很快<canvas>就會讓 Flash看起來老土，哈哈！

4. 新增 <header> 和 <footer> 標籤
HTML5設計的一個原則是更好的體現網站的語義性，所以增加了<header>和<footer>這樣的標籤，用來明確表示網頁的結構。

5. 新增 <section> 和 <article> 標籤
與<header>, <footer>類似，<section>和<article>也有利於清晰化網頁的結構，更有利於SEO。

6. 新增 <menu> 和 <figure> 標籤
<menu>可以被用於創建傳統的菜單，也可以用於工具欄和上下文菜單。<figure>標籤使得網頁文字和圖片的排版更專業。

7. 新增 <audio> 和 <video> 標籤
這兩個標籤可能是HTML5裡面最有用的兩個標籤了。顧名思義，這兩個標籤是用來播放音頻和視頻的。

8. 全新的表單
HTML5對 <form> 和 <forminput> 標籤進行了大量修改，添加了很多新的屬性，也修改了很多屬性。

9. 刪除 <b> 和 <font> 標籤
這個改進我還無法理解。我不認為刪除這兩個標籤對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標籤。但我還是覺得對於簡單的文本，這兩個標籤還是很方便的。

10. 刪除 <frame>, <center>, <big> 標籤
我已經記不得上次是什麼時候使用這些標籤了。

以上十點只是HTML5和HTML4差別的很小一部分，最新最全的HTML5-HTML4對比信息請看 http://dev.w3.org/html5/html4-differences/

相關焦點

  • HTML和HTML5之間有什麼區別?
    HTML和HTML5之間的區別有：HTML的文檔類型聲明太長而且複雜，而HTML5的文檔聲明相對來說更為簡便，有利於程式設計師快速閱讀和開發。相對於HTML，HTML5中新增和修改了一些元素。下面本篇文章就來給大家介紹和對比一下HTML和HTML5，讓大家了解HTML和HTML5之間的一些區別，希望對大家有所幫助。
  • DIV CSS3和html5 CSS3有什麼區別
    首先，不管是DIV+CSS3還是html5+CSS3，他們都是我們對網頁開發布局方式的統稱，但是DIV+CSS3作為網頁的基礎開發這句話其實並不嚴謹，因為而div只是HTML的一個比較重要的元素而已，而標準的叫法應是HTML+CSS，我們要比較的其實是html+css3和html5
  • php,過濾,過濾html標籤,過濾html
    ; 悅遇商城& lt;/a& gt;3:使用php的strip_tags()函數$str="悅遇博客";echo strip_tags($str);輸出如下:悅遇博客strip_tags和htmlspecialchars
  • HTML語言和XHTML有什麼區別?XHTML有什麼特點?
    HTML語言和XHTML有什麼區別？HTML和XHTML的差別不僅僅是名字上不一樣，他們主要從功能上和書寫習慣兩大方面區別。HTML語言和XHTML的區別功能區別：HTML對於各大瀏覽器兼容性較差(pc端瀏覽器、手機端瀏覽器、PAD)，對於網頁頁面編寫技巧要求比較高
  • Java和HTML有哪些區別和聯繫?
    Java和HTML的區別?Java是一門程式語言，一直在不斷的發展更新目前JDK14，對於處於信息高速發達的今天，Java技術已經無處不在、各種電腦軟體、大型分布式伺服器端開發、大數據開發、Android開發、人工智慧等等都有它的身影。
  • HTML5 教程/資料-01-簡介和編輯器、編碼介紹
    HTML 標籤是由尖括號包圍的關鍵詞，比如 <html>HTML 標籤通常是成對出現的，比如 <b> 和 </b>標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤開始和結束標籤也被稱為開放標籤和閉合標籤HTML 元素"HTML 標籤" 和 "HTML 元素" 通常都是描述同樣的意思.
  • HTML零基礎入門
    很簡單對吧，以上代碼就是一個典型的html文件的寫法（html與html5有些區別，我會根據實際忽略掉一些避免給初學者帶來困擾），其中「<!--」 與「-->」為注釋語句，為了程式設計師對程序進行說明標註，其包裹的內容不參與編輯。我們也可以打開任何網頁，右鍵->審查元素，可以看到網頁的源碼情況。
  • HTML頁面跳轉的5種方法
    此文章主要為大家介紹了HTML頁面跳轉的5種方法，具有一定的參考價值，經大師兄威客網整理，學習覺得挺不錯的，分享給大家。下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒後，自動跳轉到同目錄下的hello.html（根據自己需要自行修改）文件。
  • HTML實例源碼
    常用工具軟體4. Photo實例精通Windows學習時間10～12小時，從簡單的啟動程序，拷貝文件，到優化系統，設置網絡，相信不同層次的用戶都可以獲得自己需要的知識。精通Office充分利用多媒體技術，以實例講Word、Excel、access、PowerPoint、Outlook，讓你迅速成為Office專家。
  • IT兄弟HTML 5教程HTML 5與以前的版本兼容
    為了確保HTML 5與以前的HTML版本的最大兼容性，HTML 5考慮了一些元素標記的遺漏、布爾值的屬性以及引號的省略，以確保與以前版本的HTML兼容。在下面的示例中，您可以集成本節中描述的幾個新HTML 5應用程式：可以省略的元素的標記分為三種情況：不允許寫入結束標記的元素、可以從結束標記中省略的元素以及可以從結束標記和開始標記結束標記中省略的三種類型。不允許寫入結束標記的元素是不允許使用開始標記和結束標記括住元素的窗體，例如，行中斷的正確寫入樣式是「and」.
  • html 基礎知識
    基本的 html 頁面3.1 html 結構源碼3.2 源碼逐行分析4. 元素,屬性與值與其它4.1 元素4.2 屬性和值4.2.1 基本語法4.2.2 三大通用屬性5. 層級關係6. 網頁中的文本字符7. 文件與文件夾名稱8. URL8.1 語法8.2 絕對 URL8.3 相對 URL9. html 標籤的語義化的優勢10. html 元素的默認樣式1.
  • HTML5 面試中最常問到的 10 個問題 - OSCHINA - 中文開源技術交流...
    HTML5 新的 DocType 和 Charset 是什麼？HTML5 現在已經不是 SGML 的子集，DocType 簡化為：                   <!doctype html> HTML 5 指定 UTF-8 編碼的方式如下：                  <meta charset="UTF-8"> 2. 如何在 HTML5 頁面中嵌入音頻?
  • HTML基礎
    關於單雙引號、轉義字符等基本知識純html標籤下單引號和雙引號以及html和JS混編下單引號和雙引號標題標籤文章的段落用<p>標籤，那麼文章的標題用什麼標籤呢？在本節我們將使用<hx>標籤來製作文章的標題。
  • HTML5基礎-HTML(上)
    1.HTML語法規範html骨架標籤，超連結標籤，圖片標籤，alt與title的區別
  • Sar2html首頁、文檔和下載 - Sar數據轉HTML - OSCHINA - 中文開源...
    Sar2html可以將 sar 程序執行的二進位結果數據轉成圖形的 HTML 格式，它提供了命令行工具、Web 接口和數據收集腳本。使用 sar2ascii 可從伺服器 (HP-UX 11.11, 11.23, and 11,31, Redhat 3, 4, and 5, Suse 8, 9, 10, and 11, and Solaris 5.9 and 5.10) 收集 sar 數據. For HP-UX servers, run "sh sar2ascii".
  • HTML5 | 013 - 頁面#根元素屬性html 之 lang & mainfest屬性
    這一帖，專攻，頁面根元素 html 中最常用的兩個屬性 - lang & manifest。lang，理解為語言文件 ； manifest，理解為文檔的緩存。lang 屬性代表了網頁的語言聲明，通過對其設置，可以使得頁面對於搜尋引擎和瀏覽器更加兼容。
  • HTML代碼書寫規範指南
    </p> <p>這是一個段落。</p></section>關閉空的 HTML 元素在 HTML5 中, 空的 HTML 元素也不一定要關閉：在 XHTML 和 XML 中斜線 (/) 是必須的。如果你期望 XML 軟體使用你的頁面，使用這種風格是非常好的。
  • html代碼
    <div><span>&<layer>的區別？ 然後，在需要的頁面中，加上以下html語句到文件的<head>和</head>之間（假設以上ico文件的地址http://happyisland.126.com/icon.ico）。
  • html5 文本相關標籤(基礎三)
    html5 文本相關標籤一、標題 h1、h1、hgroup（標題組）1、什麼情況下使用標題？，應使用hgrouphgroup h1h24、標題級別問題01.html5 裡的標題級別是以層級來區分，越靠近body標籤級別越高5、Xhtml1.0 中的標題了解
  • jQuery中使用text()、html()、val()方法對Html元素賦值和取值
    而對於jQuery封裝的text()方法，其主要功能就是給Html頁面上的非表單元素賦值和取值操作。注意事項：使用text()不能獲取表單元素的值，如文本框的值。的html()方法與text()方法，都是給非表單元素賦值和取值的，但是html()功能更強大一些，還可以給元素賦的值是html代碼。