您好,登錄后才能下訂單哦!
首先非常感謝李剛老師出的這本書《HTML5/CSS3/JavaScript講義》,今天讀了第一章節的內容,趁熱打鐵,總結一下。
HTML5的時代已經到來,它對所有的前端開發人員來說是一種福音。HTML5致力于解決跨瀏覽器問題,可以部分取代JavaScript,HTML5致力于把瀏覽器變成一個前端執行程序環境,而不是簡單地視圖工具。
第一部分,了解HTML和XHTML
HTML——Hyper Text Markup Language(超文本標記語言),它的發展史比較復雜,從1991年年底推出HTML,當時HTML并沒有嚴格的定義,一路走來HTML2.0,HTML3.2,HTML4.0,HTML4.0.1,XHTML1.0。XHTML可謂是歷盡了千錘百煉。
XHTML——eXtensible Hyper Text Markup Language(擴展的超文本標記語言)。
HTML4.0.1和XHTML具備了良好的兼容性,而且XHTML是更嚴格、更純凈的HTML代碼。
我們習慣性的認為HTML是一種結構化的文檔,但實際上HTML的語法十分的自由、寬容(主要是各個瀏覽器縱容的結果)比如如下的代碼,HTML標簽有頭無尾,非常不規范:
<html> <head> <title>混亂的html文檔<title> <body> <h2>混亂的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,新的實用的功能。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。