標籤：瀏覽器 發展史 習慣性 相容性 html5
首先非常感謝李剛老師出的這本書《HTML5/CSS3/JavaScript講義》，今天讀了第一章節的內容，趁熱打鐵，總結一下。
HTML5的時代已經到來，它對所有的前端開發人員來說是一種福音。HTML5致力於解決跨瀏覽器問題，可以部分取代JavaScript，HTML5致力於把瀏覽器變成一個前端執行程式環境，而不是簡單地視圖工具。
第一部分，瞭解HTML和XHTML
HTML——Hyper Text Markup Language(超文字標記語言 (HTML))，它的發展史比較複雜，從1991年年底推出HTML,當時HTML並沒有嚴格的定義，一路走來HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，XHTML1.0。XHTML可謂是曆盡了千錘百鍊。
XHTML——eXtensible Hyper Text Markup Language(擴充的超文字標記語言 (HTML))。
HTML4.0.1和XHTML具備了良好的相容性，而且XHTML是更嚴格、更純淨的HTML代碼。
我們習慣性的認為HTML是一種結構化的文檔，但實際上HTML的文法十分的自由、寬容（主要是各個瀏覽器縱容的結果）比如如下的代碼，HTML標籤有頭無尾，非常不規範：
<html> <head> <title>混亂的html文檔<title> <body> <h1>混亂的html文檔
這顯然違背了結構化文檔的規則，但是用瀏覽器來瀏覽這份文檔時，依然可以看到瀏覽效果——這就是html不規範的地方。而XHTML致力於消除這種規範，XHTML要求HTML文檔首先必須是一份XML文檔。
通常，電腦裡的瀏覽器可以對付各種不規範的HTML文檔，但現在很多瀏覽器運行在行動電話和手持功能上，它們就沒有能力來處理那些糟糕的標記語言。
第二部分：從XHTML到HTML5
WHATWG(Web Hypertext Application Technology Workding Group，Web超文本應用技術工作群組)制定了一個新的HTML標準，HTML5。
大量的調查表明：即使在一些正規的網站中，也很少有網站能通過HTML規範驗證。僅有6.57%的網站符合HTML規範驗證。如果把那些名不見經傳的小網站考慮在內，整個互連網幾乎都是不符合規範的HTML頁面。
現有的HTML頁面大量存在如下4中不符合規範的內容
1.元素的標籤大小寫混雜。比如：<p></P>。
2.元素沒有合理結束的情況。比如：只有<p>沒有</p>。
3.元素中的屬性沒有指定屬性值。比如<input type="text" disabled>。
4.為元素的屬性指定屬性值時沒有使用引號。比如：<input type=text>。
出於“存在即合理”的考慮，WHATWG組織開始定義一種“妥協式”的規範：HTML5。HTML5成人以上的不規範是符合規範的。HTML5是規範制定者對妥協的實現。
HTML5的優勢：
從HTML4.0.1、XHTML到HTML5,並不是一種革命性的升級，而是一種規範向習慣的妥協，因此從HTML到HTML5的過度非常的輕鬆。
1.解決跨瀏覽器問題。
跨瀏覽器問題絕對是一個永恒的“噩夢”，HTML的出現可能會改變這種局面，目前各種主流瀏覽器如：IE、Chrome、Firefox、Opera、Safari都表現出對HTML5極大的熱情。如果各瀏覽器都遵循HTML5規範，以後前端程式員開發HTML+CSS+JavaScript頁面將會變得更加輕鬆。
2.部分替代了原來的JavaScript。
比如HTML5以前要實現：開啟一個頁面後立即讓某行文字框獲得焦點，要通過javascript來實現，而現在只需要加上一個屬性(autofocus)即可。
<input type = text autofocus name = price/>
3.更明確的語義支援。
（1）HTML5提供了<header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer>來代替以前只能通過div來實現的文檔結構。
(2)HTML5提供了兩個新增的元素<time>2017-4-18</time>;<mark>被標記的語言</mark>提供了更加豐富的語義相比於原來的<em../>(em表示被強調的內容，但是到底是哪一種強調並不清楚)。
4.增強了WEB應用程式的功能。
一直以來，HTML被死死地限制著，用戶端從伺服器下載HTML頁面資料，瀏覽器負責呈現這些HTML頁面資料。出於對客戶機安全性考慮，以前的HTML在安全性方面做的足夠安全。
於是呢，我們就需要通過JavaScriptlai等其他方式來增加HTML的功能。
HTML5的文法變化
1.標籤不再區分大小寫。
2.元素可以省略結束標籤。
3.允許省略屬性值的屬性。
4.允許屬性值不使用引號。（但是對於包含空格等容易引起瀏覽器混肴的屬性值時候，HTML5強烈建議使用引號把這種特殊的屬性值引起來）
總結：HTML5說就是把不符合規範的HTML看做是一種規範，增加了一些新的api，新的實用的功能。
本文出自 “五小豬” 部落格，請務必保留此出處http://wuxiaozhu.blog.51cto.com/7942143/1914183
HTML5——對HTML5的認識
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
