一、基本概念：
html:超文本標記語言 (Hyper Text Markup Language)
xhtml:可擴展超文本標記語言，是一種置標語言，表現方式與超文本標記語言（HTML）類似，不過語法上更加嚴格。
h5:最先由WHATWG(Web 超文本應用技術工作組)命名的一種超文本標記語言，隨後和W3C的xhtml2.0(標準)相結合，產生現在最新一代的超文本標記語言。可以簡單點理解成：h5≈ html+CSS 3+js+API。
html特性：
- 標識文本。例如：定義標題文本、段落文本、列表文本、預定義文本。
- 建立超鏈接，便於頁面鏈接的跳轉。
- 創建列表，把信息有序組織在一起以方便瀏覽。
- 在網頁中顯示圖像、聲音、視頻、動畫等多媒體信息，把網頁設計得更富衝擊力。
- 可以製作表格，以便顯示大量數據。
- 可以製作表單，允許在網頁內輸入文本信息，執行其他用戶操作，方便信息互動。
h5的認識：
- 新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
- 減少對外部插件的需求（比如 Flash）
- 更優秀的錯誤處理
- 更多取代腳本的標記
- HTML5 應該獨立於設備
- 開發進程應對公衆透明
h5新特性：
- 用於繪畫的 canvas 元素
- 用於媒介回放的 video 和 audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內容元素，比如 article、footer、header、nav、section
- 新的表單控件，比如 calendar、date、time、email、url、search
二：文檔類型聲明方式：
html:
過渡型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
嚴格型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
框架型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
xml:
過渡型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
嚴格型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
html5:
<!DOCTYPE html>
三、語義：
html:沒有體現結構語義化的標籤，我們通常都是這樣來命名的<div id="header"></div>.這樣表示網站的頭部。
html5:在語義上卻有很大的優勢。提供了一些新的標籤，比如:<header><article><footer>
提供了語義化標籤可以更好地支持搜索引擎的讀取便於seo的蜘蛛的爬行。