真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5——對HTML5的認(rèn)識-創(chuàng)新互聯(lián)

首先非常感謝李剛老師出的這本書《HTML5/CSS3/JavaScript講義》，今天讀了第一章節(jié)的內(nèi)容，趁熱打鐵，總結(jié)一下。

專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站設(shè)計服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)三臺免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

    HTML5的時代已經(jīng)到來，它對所有的前端開發(fā)人員來說是一種福音。HTML5致力于解決跨瀏覽器問題，可以部分取代JavaScript，HTML5致力于把瀏覽器變成一個前端執(zhí)行程序環(huán)境，而不是簡單地視圖工具。

    第一部分，了解HTML和XHTML

    HTML——Hyper Text Markup Language(超文本標(biāo)記語言)，它的發(fā)展史比較復(fù)雜，從1991年年底推出HTML,當(dāng)時HTML并沒有嚴(yán)格的定義，一路走來HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，XHTML1.0。XHTML可謂是歷盡了千錘百煉。

    XHTML——eXtensible Hyper Text Markup Language(擴(kuò)展的超文本標(biāo)記語言)。

    HTML4.0.1和XHTML具備了良好的兼容性，而且XHTML是更嚴(yán)格、更純凈的HTML代碼。

    我們習(xí)慣性的認(rèn)為HTML是一種結(jié)構(gòu)化的文檔，但實際上HTML的語法十分的自由、寬容（主要是各個瀏覽器縱容的結(jié)果）比如如下的代碼，HTML標(biāo)簽有頭無尾，非常不規(guī)范：

    
    
    混亂的html文檔<title>
    <body>
    <h2>混亂的html文檔</pre><p>    這顯然違背了結(jié)構(gòu)化文檔的規(guī)則，但是用瀏覽器來瀏覽這份文檔時，依然可以看到瀏覽效果——這就是html不規(guī)范的地方。而XHTML致力于消除這種規(guī)范，XHTML要求HTML文檔首先必須是一份XML文檔。</p><p>    通常，計算機(jī)里的瀏覽器可以對付各種不規(guī)范的HTML文檔，但現(xiàn)在很多瀏覽器運行在移動電話和手持設(shè)備上，它們就沒有能力來處理那些糟糕的標(biāo)記語言。</p><p>    <strong>第二部分：從XHTML到HTML5</strong></p><p>WHATWG(Web Hypertext Application Technology Workding Group，Web超文本應(yīng)用技術(shù)工作組)制定了一個新的HTML標(biāo)準(zhǔn)，HTML5。</p><p>    大量的調(diào)查表明：即使在一些正規(guī)的網(wǎng)站中，也很少有網(wǎng)站能通過HTML規(guī)范驗證。僅有6.57%的網(wǎng)站符合HTML規(guī)范驗證。如果把那些名不見經(jīng)傳的小網(wǎng)站考慮在內(nèi)，整個互聯(lián)網(wǎng)幾乎都是不符合規(guī)范的HTML頁面。</p><p>    現(xiàn)有的HTML頁面大量存在如下4中不符合規(guī)范的內(nèi)容</p><p>    1.元素的標(biāo)簽大小寫混雜。比如：<p></P>。</p><p>    2.元素沒有合理結(jié)束的情況。比如：只有<p>沒有</p>。</p><p>    3.元素中的屬性沒有指定屬性值。比如<input type="text" disabled>。</p><p>    4.為元素的屬性指定屬性值時沒有使用引號。比如：<input type=text>。</p><p>    出于“存在即合理”的考慮，WHATWG組織開始定義一種“妥協(xié)式”的規(guī)范：HTML5。HTML5成人以上的不規(guī)范是符合規(guī)范的。HTML5是規(guī)范制定者對妥協(xié)的實現(xiàn)。</p><p>    <strong>HTML5的優(yōu)勢：</strong></p><p>    從HTML4.0.1、XHTML到HTML5,并不是一種革命性的升級，而是一種規(guī)范向習(xí)慣的妥協(xié)，因此從HTML到HTML5的過度非常的輕松。</p><p>    1.解決跨瀏覽器問題。</p><p>    跨瀏覽器問題絕對是一個永恒的“噩夢”，HTML的出現(xiàn)可能會改變這種局面，目前各種主流瀏覽器如：IE、Chrome、Firefox、Opera、Safari都表現(xiàn)出對HTML5極大的熱情。如果各瀏覽器都遵循HTML5規(guī)范，以后前端程序員開發(fā)HTML+CSS+JavaScript頁面將會變得更加輕松。</p><p>    2.部分替代了原來的JavaScript。</p><p>    比如HTML5以前要實現(xiàn)：打開一個頁面后立即讓某行文本框獲得焦點，要通過javascript來實現(xiàn)，而現(xiàn)在只需要加上一個屬性(autofocus)即可。</p><pre>    <input type = text autofocus name = price/></pre><p>    3.更明確的語義支持。</p><p>    （1）HTML5提供了<header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer>來代替以前只能通過div來實現(xiàn)的文檔結(jié)構(gòu)。</p><p>    (2)HTML5提供了兩個新增的元素<time>2017-4-18</time>;<mark>被標(biāo)記的語言</mark>提供了更加豐富的語義相比于原來的<em../>(em表示被強(qiáng)調(diào)的內(nèi)容，但是到底是哪一種強(qiáng)調(diào)并不清楚)。</p><p>    4.增強(qiáng)了WEB應(yīng)用程序的功能。</p><p>  一直以來，HTML被死死地限制著，客戶端從服務(wù)器下載HTML頁面數(shù)據(jù)，瀏覽器負(fù)責(zé)呈現(xiàn)這些HTML頁面數(shù)據(jù)。出于對客戶機(jī)安全性考慮，以前的HTML在安全性方面做的足夠安全。</p><p>    于是呢，我們就需要通過JavaScriptlai等其他方式來增加HTML的功能。</p><p>    <strong>HTML5的語法變化</strong></p><p>    1.標(biāo)簽不再區(qū)分大小寫。</p><p>    2.元素可以省略結(jié)束標(biāo)簽。</p><p>    3.允許省略屬性值的屬性。</p><p>    4.允許屬性值不使用引號。（但是對于包含空格等容易引起瀏覽器混肴的屬性值時候，HTML5強(qiáng)烈建議使用引號把這種特殊的屬性值引起來）</p><p>    總結(jié)：HTML5說就是把不符合規(guī)范的HTML看做是一種規(guī)范，增加了一些新的api，新的實用的功能。</p><p align=center>另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、<a  target="_blank">高防服務(wù)器</a>、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。</p>            <br>
            網(wǎng)頁標(biāo)題：HTML5——對HTML5的認(rèn)識-創(chuàng)新互聯(lián)            <br>
            路徑分享：<a href="http://weahome.cn/article/dipcgo.html">http://weahome.cn/article/dipcgo.html</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="other container">
    <h3>其他資訊</h3>
    <ul>
        <li>
                <a href="/article/dicddod.html">linux基本命令出錯 linux命令沒反應(yīng)</a>
            </li><li>
                <a href="/article/dicdddg.html">ios軟件開發(fā)一年 ios軟件開發(fā)工資</a>
            </li><li>
                <a href="/article/dicdohh.html">什么是電腦隨機(jī)性故障(電腦隨機(jī)有什么規(guī)律)</a>
            </li><li>
                <a href="/article/dicdddi.html">什么電腦故障率少啊(電腦故障率最高的是哪個地方)</a>
            </li><li>
                <a href="/article/dicdohj.html">什么是電腦網(wǎng)絡(luò)故障(電腦網(wǎng)絡(luò)故障怎么修復(fù))</a>
            </li>    </ul>
</div>
<div   id="squ6kqw"   class="footer">
    <div   id="squ6kqw"   class="foota container">
        <div   id="squ6kqw"   class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <ul>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站制作</h3>
                    <a  target="_blank">手機(jī)網(wǎng)站制作</a><a  target="_blank">wap網(wǎng)站制作</a><a  target="_blank">成都網(wǎng)站制作</a><a  target="_blank">網(wǎng)站制作公司</a><a  target="_blank">定制網(wǎng)站制作</a><a  target="_blank">成都網(wǎng)站制作</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>企業(yè)服務(wù)</h3>
                    <a  target="_blank">ssl證書</a><a  target="_blank">軟文發(fā)布</a><a  target="_blank">廣播電視節(jié)目制作許可證</a><a  target="_blank">400電話</a><a  target="_blank">免費收錄</a><a  target="_blank">注冊公司</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站建設(shè)</h3>
                    <a  target="_blank">成都品牌網(wǎng)站建設(shè)</a><a  target="_blank">什邡網(wǎng)站建設(shè)</a><a  target="_blank">成都網(wǎng)站建設(shè)</a><a  target="_blank">成都做網(wǎng)站建設(shè)公司</a><a  target="_blank">成都定制網(wǎng)站建設(shè)</a><a  target="_blank">定制級高端網(wǎng)站建設(shè)</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>服務(wù)器托管</h3>
                    <a  target="_blank">重慶聯(lián)通機(jī)房托管</a><a  target="_blank">重慶水土三線托管</a><a  target="_blank">義龍電信機(jī)房</a><a  target="_blank">樂山服務(wù)器托管</a><a  target="_blank">成都托管服務(wù)器</a><a  target="_blank">雅安服務(wù)器托管</a>                </li>
            </ul>
        </div>
        <div   id="squ6kqw"   class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <p>全國免費咨詢:</p>
            <b>400-028-6601</b>
            <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p>
            <p>節(jié)假值班：18980820575 / 13518219792</p>
            <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p>
        </div>
    </div>
    <div   id="squ6kqw"   class="footb">
        <div   id="squ6kqw"   class="copy container">
            <div   id="squ6kqw"   class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司  <a  target="_blank">渝ICP備2021005571號</a></div>
            <!--<div   id="squ6kqw"   class="fr"><a  target="_blank">成都網(wǎng)站建設(shè)</a>：<a  target="_blank">創(chuàng)新互聯(lián)</a></div>-->
        </div>
    </div>
    <div   id="squ6kqw"   class="link">
        <div   id="squ6kqw"   class="container">
            友情鏈接:：
            <a  target="_blank">成都網(wǎng)站建設(shè)</a>
            <a  target="_blank">重慶網(wǎng)站建設(shè)</a>
            <a href="">四川網(wǎng)站建設(shè)</a>
            <a href="">重慶建設(shè)網(wǎng)站</a>
            <a  target="_blank">移動服務(wù)器托管</a>
            <a  target="_blank">成都服務(wù)器托管</a>
            <a  target="_blank">云服務(wù)器</a>
            <a  target="_blank">廣告設(shè)計制作</a>
            <a  target="_blank">重慶網(wǎng)頁設(shè)計</a>
            <a  target="_blank">重慶做網(wǎng)站</a>
            <a  target="_blank">重慶網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站建設(shè)</a>
            <a href="">重慶網(wǎng)站公司</a>
            <a href="">渝中網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站設(shè)計</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="foot">
    <ul class="public-celan">
        <li>
            <a  target="_blank" class="a1 db tc">
                <img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">在線咨詢</span>
            </a>
        </li>
        <li>
            <a href="tel:18980820575" class="a1 db tc">
                <img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">電話咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
                <img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">QQ咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
                <img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">預(yù)約顧問</span>
            </a>
        </li>
    </ul>
</div>
<div   id="squ6kqw"   class="customer">
    <dl class="icon1">
        <dt>
            <a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
                <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
                <p>在線咨詢</p>
            </a>
        </dt>
    </dl>
    <dl class="icon2">
        <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
        <dd><img src="/Public/Home/img/ewm.png"></dd>
    </dl>
    <dl class="icon3">
        <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
        <dd>
            <p>028-86922220（工作日）</p>
            <p>18980820575（7×24）</p>
        </dd>
    </dl>
    <dl class="icon4">
        <dt class="sShow">
            <a href="tencent://message/?uin=244261566&Site=&Menu=yes">
                <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
            </a>
        </dt>
    </dl>
    <dl class="icon5">
        <dt class="gotop">
            <a href="#top">
                <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
            </a>
        </dt>
    </dl>
</div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="kcqmo" class="pl_css_ganrao" style="display: none;"><optgroup id="kcqmo"></optgroup><tbody id="kcqmo"></tbody><del id="kcqmo"><table id="kcqmo"><tbody id="kcqmo"></tbody></table></del><pre id="kcqmo"></pre><optgroup id="kcqmo"></optgroup><acronym id="kcqmo"></acronym><strong id="kcqmo"></strong><blockquote id="kcqmo"></blockquote><kbd id="kcqmo"></kbd><dfn id="kcqmo"><tbody id="kcqmo"><td id="kcqmo"></td></tbody></dfn><menu id="kcqmo"></menu><strike id="kcqmo"><delect id="kcqmo"><object id="kcqmo"></object></delect></strike><li id="kcqmo"><source id="kcqmo"><pre id="kcqmo"></pre></source></li><option id="kcqmo"></option><ul id="kcqmo"></ul><th id="kcqmo"></th><object id="kcqmo"><center id="kcqmo"><strong id="kcqmo"></strong></center></object><source id="kcqmo"><acronym id="kcqmo"><cite id="kcqmo"></cite></acronym></source><object id="kcqmo"></object><td id="kcqmo"><button id="kcqmo"><code id="kcqmo"></code></button></td><dd id="kcqmo"><noframes id="kcqmo"><strike id="kcqmo"></strike></noframes></dd><strike id="kcqmo"><center id="kcqmo"><acronym id="kcqmo"></acronym></center></strike><object id="kcqmo"></object><strike id="kcqmo"></strike><dl id="kcqmo"></dl><strong id="kcqmo"></strong><cite id="kcqmo"></cite><s id="kcqmo"></s><noscript id="kcqmo"></noscript><center id="kcqmo"><tr id="kcqmo"><nav id="kcqmo"></nav></tr></center><optgroup id="kcqmo"><tfoot id="kcqmo"><kbd id="kcqmo"></kbd></tfoot></optgroup><dl id="kcqmo"></dl><th id="kcqmo"></th><acronym id="kcqmo"></acronym><tbody id="kcqmo"></tbody><dd id="kcqmo"><noframes id="kcqmo"><tfoot id="kcqmo"></tfoot></noframes></dd><cite id="kcqmo"><samp id="kcqmo"><optgroup id="kcqmo"></optgroup></samp></cite><table id="kcqmo"></table><dd id="kcqmo"><acronym id="kcqmo"><li id="kcqmo"></li></acronym></dd><table id="kcqmo"></table><blockquote id="kcqmo"></blockquote><td id="kcqmo"></td><code id="kcqmo"></code><rt id="kcqmo"><acronym id="kcqmo"><bdo id="kcqmo"></bdo></acronym></rt><dfn id="kcqmo"></dfn><tfoot id="kcqmo"></tfoot><option id="kcqmo"></option><blockquote id="kcqmo"></blockquote><li id="kcqmo"></li><bdo id="kcqmo"></bdo><li id="kcqmo"></li><object id="kcqmo"><sup id="kcqmo"><tbody id="kcqmo"></tbody></sup></object><strong id="kcqmo"><blockquote id="kcqmo"><input id="kcqmo"></input></blockquote></strong><td id="kcqmo"></td><li id="kcqmo"></li><sup id="kcqmo"><code id="kcqmo"><del id="kcqmo"></del></code></sup><strike id="kcqmo"></strike><sup id="kcqmo"></sup><td id="kcqmo"></td><code id="kcqmo"></code><abbr id="kcqmo"></abbr><optgroup id="kcqmo"></optgroup><strong id="kcqmo"></strong><noframes id="kcqmo"></noframes><ul id="kcqmo"></ul><object id="kcqmo"><sup id="kcqmo"><tbody id="kcqmo"></tbody></sup></object><td id="kcqmo"><button id="kcqmo"><strong id="kcqmo"></strong></button></td><optgroup id="kcqmo"></optgroup><dfn id="kcqmo"><noscript id="kcqmo"><xmp id="kcqmo"></xmp></noscript></dfn><center id="kcqmo"><strong id="kcqmo"><xmp id="kcqmo"></xmp></strong></center><li id="kcqmo"><source id="kcqmo"><em id="kcqmo"></em></source></li><dd id="kcqmo"><object id="kcqmo"><button id="kcqmo"></button></object></dd><abbr id="kcqmo"></abbr><optgroup id="kcqmo"></optgroup><nav id="kcqmo"><tfoot id="kcqmo"><noscript id="kcqmo"></noscript></tfoot></nav><input id="kcqmo"></input><ul id="kcqmo"><rt id="kcqmo"><acronym id="kcqmo"></acronym></rt></ul><delect id="kcqmo"></delect><object id="kcqmo"></object><menu id="kcqmo"></menu><noscript id="kcqmo"></noscript><pre id="kcqmo"><bdo id="kcqmo"><center id="kcqmo"></center></bdo></pre><center id="kcqmo"></center><wbr id="kcqmo"><center id="kcqmo"><strong id="kcqmo"></strong></center></wbr><code id="kcqmo"><abbr id="kcqmo"><source id="kcqmo"></source></abbr></code><li id="kcqmo"></li><ul id="kcqmo"><menu id="kcqmo"><dl id="kcqmo"></dl></menu></ul><center id="kcqmo"><em id="kcqmo"><cite id="kcqmo"></cite></em></center><noframes id="kcqmo"></noframes><xmp id="kcqmo"></xmp><td id="kcqmo"><option id="kcqmo"><th id="kcqmo"></th></option></td><strike id="kcqmo"><tr id="kcqmo"><object id="kcqmo"></object></tr></strike><pre id="kcqmo"></pre><dfn id="kcqmo"></dfn><td id="kcqmo"></td><del id="kcqmo"></del><tbody id="kcqmo"></tbody><tr id="kcqmo"></tr><source id="kcqmo"></source><sup id="kcqmo"><tbody id="kcqmo"><xmp id="kcqmo"></xmp></tbody></sup></div>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //獲取圖片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //絕對路徑
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>