html5之前的版本是“XHTML 1.0”，是2000年推出的標準。 XHTML是一種更嚴格、更純淨的HTML版本，它是由XML和HTML組合而成的，XML是用來裝載資料的，標籤必須被正確地標記，而HTML是用來顯示資料的。
本教學操作環境：windows7系統、HTML5版、Dell G3電腦。
HTML版本
從Web 誕生早期至今，已經發展出多個HTML 版本：
版本
年份
HTML
#1991
HTML
1993
HTML 2.0
1995
HTML 3.2
#1997
#HTML 4.01
1999
XHTML 1.0
#2000
#HTML5
2012
XHTML5
#2013
##HTML常見版本介紹
1、HTML
超文本標記語言(H yper T ext M arkup L anguage)，標準通用標記語言SGML（Standard Generalized Markup language）下的一個應用。 HTML 不是一種程式語言，而是一種標記語言 (markup language)，是網頁製作所必備的。 「超文本」 就是指頁面內可以包含圖片、鏈接，甚至音樂、程式等非文字元素。超文本標記語言(或超文本標籤語言)的結構包括「 頭」部分、和「主體」部分，其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
HTML 語言用於描述網頁。
HTML 是指超文本標記語言: H yper T ext M arkup L anguage
HTML 不是程式語言，而是一種標記 語言
標記語言是一套標記標籤 (markup tag) HTML 使用標記標籤來描述 網頁
HTML 文件包含了HTML 標籤 及文字 內容 ##HTML文件也叫做 web 頁面
2、XHTML
XHTML是一種更嚴格、更純淨的HTML版本，它是由XML和HTML組合而成的，XML是用來裝載資料的，標籤必須被正確地標記，而HTML是用來顯示資料的，因此將兩者的長處結合起來，就有了XHTML。
XHTML是EXtensible HyperText Markup Language的英文縮寫,即可擴充的超文本標記語言。
XHTML語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行。
XHTML是用來取代HTML的, 是2000年w3c公佈發行的。
XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應未來網路應用更多的需求。
XHTML是基於XML的應用程式。
XHTML更簡潔嚴謹。
XHTML也可以說就是HTML一個升級版本。
XHTML是大小寫敏感的,XHTML與html是不一樣的.標準的XHTML標籤應該使用小寫。
3、HTML5
HTML5 是 W3C 與 WHATWG 合作的結果,WHATWG 指 Web Hypertext Application Technology Working Group。 。
WHATWG 致力於 web 表單和應用程序，而 W3C 專注於 XHTML 2.0。在 2006 年，雙方決定進行合作，來建立一個新版本的 HTML。 HTML5的設計目的是為了在行動裝置上支援多媒體。 HTML5簡單易學。
HTML4.01、XHTML、HTML5 之間的常見差異
##1、 聲明差異（HTML4.01、XHTML、HTML5）
HTML 5：
HTML 4.01規定了三種文件類型：Strict, Transitional, 以及Frameset. 中譯為：嚴格版本，過渡版本，以及基於框架的版本！
XHTML 1.0同樣也規定的三種文件類型：Strict, Transitional, 以及Frameset. 中譯為：嚴格版本，過渡版本，以及基於框架的版本！
Strict:
#HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> 登入後複製
#XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 登入後複製
HTML 4.01:Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 登入後複製
#HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 登入後複製
2、HTML、XHTML區別
XHTML 元素必須正確地嵌套。
XHTML 元素必須關閉。
標籤名必須用小寫字母。
XHTML 文件必須擁有根元素。
3、HTML5的變化
#用於繪畫的canvas 元素
##對本地離線儲存的更好的支援
新的特殊內容元素，例如article 、footer、header、nav、section
新的表單控件，如calendar、date、time、email、url、search
新屬性，例如meta標籤的charset屬性，
完全支援CSS3
#2D/3D 製圖
本機SQL 資料
Web 應用程式
在 HTML5 中，不必在
HTML 中的表格邊框
Sep 04, 2024 pm 04:49 PM
HTML 表格邊框指南。在這裡，我們以 HTML 中的表格邊框為例，討論定義表格邊框的多種方法。
HTML 中的巢狀表
Sep 04, 2024 pm 04:49 PM
這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。
HTML 左邊距
Sep 04, 2024 pm 04:48 PM
HTML 左邊距指南。在這裡，我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。
HTML 表格佈局
Sep 04, 2024 pm 04:54 PM
HTML 表格佈局指南。在這裡，我們詳細討論 HTML 表格佈局的值以及範例和輸出。
HTML 輸入佔位符
Sep 04, 2024 pm 04:54 PM
HTML 輸入佔位符指南。在這裡，我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。
HTML 有序列表
Sep 04, 2024 pm 04:43 PM
HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例
HTML onclick 按鈕
Sep 04, 2024 pm 04:49 PM
HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。
在 HTML 中移動文字
Sep 04, 2024 pm 04:45 PM
HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。
See all articles
