中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML5——對HTML5的認識

發布時間:2020-06-15 12:11:58 來源:網絡 閱讀:1214 作者:武小豬 欄目:移動開發

    首先非常感謝李剛老師出的這本書《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,新的實用的功能。


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

包头市| 万山特区| 天全县| 综艺| 舞阳县| 平江县| 胶州市| 南宁市| 农安县| 奎屯市| 新余市| 高密市| 广丰县| 紫阳县| 乌苏市| 梅河口市| 宜宾市| 罗城| 拜城县| 石楼县| 大城县| 荥阳市| 龙海市| 新建县| 惠安县| 南汇区| 交口县| 甘德县| 噶尔县| 六盘水市| 盐津县| 灵川县| 密山市| 三都| 乐业县| 合肥市| 长顺县| 通化县| 米易县| 霍林郭勒市| 来凤县|