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

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

你所不知道的html5與html中的那些事(一)

你所不知道的html5與html中的那些事(一)

十余年的杜集網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整杜集建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“杜集網(wǎng)站設(shè)計(jì)”,“杜集網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

文章簡(jiǎn)介:

      關(guān)于html5相信大家早已經(jīng)耳熟能詳,但是他真正的意義在具體的開(kāi)發(fā)中會(huì)有什么作用呢?相對(duì)于html,他又有怎樣的新的定義與新理念在里面呢?為什么一些專家認(rèn)為html5完全完成后,所有的工作都可以達(dá)到真正的云方式呢?這一系列的問(wèn)題你是否已經(jīng)想明白了呢?

      本系列文章將為您一一解答你所不知道的關(guān)于html5與html中的那些事;具體會(huì)包括如:html5新的理念與想法,html5的新標(biāo)簽的用意與具體開(kāi)發(fā)中場(chǎng)景應(yīng)用,html5與css3的感情經(jīng)歷(用法搭配),包括html5的父親html的一些小隱私(您在開(kāi)發(fā)中可能不知道的事);

回到今天的正題

今天這篇文章主要講到的您可能不知道的事有:

1)html頁(yè)面基本結(jié)構(gòu)中您所沒(méi)有注意到的內(nèi)容有那些?

2)html5中最看重的理念“語(yǔ)義化”相比html有什么區(qū)別?

3)網(wǎng)頁(yè)文件的命名您想到過(guò)會(huì)影響您網(wǎng)站的體驗(yàn)么?

第一個(gè)問(wèn)題:

     html頁(yè)面基本結(jié)構(gòu)中您所沒(méi)有注意到的內(nèi)容有那些?

     下面我們看一個(gè)標(biāo)準(zhǔn)的html頁(yè)面代碼

你所不知道的html5與html中的那些事(一)

你所不知道的html5與html中的那些事(一)

這個(gè)是個(gè)最基本的html頁(yè)面了,你也許一看感覺(jué)熟悉的不能在熟悉了,還有什么是我不知道的呢?

如果下面我說(shuō)的幾點(diǎn)您都知道那就證明您真的用心研究過(guò)html與瀏覽器了;

第一點(diǎn):

     這個(gè)標(biāo)簽的用法,也許您發(fā)現(xiàn)一個(gè)html頁(yè)面您不寫(xiě)這個(gè)標(biāo)簽也是正確的,為什么還要加上他呢?用途是什么呢?其實(shí)它的用途是

      1、告訴瀏覽器這個(gè)文件是html文件;

      2、告訴瀏覽器html的版本,

    這個(gè)標(biāo)簽的寫(xiě)法標(biāo)準(zhǔn)的就是我上面寫(xiě)的,當(dāng)然您可以小寫(xiě)瀏覽器不會(huì)出錯(cuò),但是標(biāo)準(zhǔn)就是大寫(xiě)可以說(shuō)整個(gè)html

標(biāo)簽就這個(gè)doctype標(biāo)簽標(biāo)準(zhǔn)是大寫(xiě)其余的標(biāo)準(zhǔn)都是小寫(xiě);當(dāng)然您也可以不按標(biāo)準(zhǔn)來(lái)畢竟html規(guī)則相對(duì)寬松;

小編認(rèn)為越是寬松的規(guī)則開(kāi)發(fā)人員就應(yīng)該越按照標(biāo)準(zhǔn)來(lái);

ps:html5中一定要有這個(gè)標(biāo)簽哦,具體的原因在后續(xù)的文章中會(huì)詳解關(guān)于改進(jìn)后的HTML5DOCTYPE;

第二點(diǎn):

    這個(gè)標(biāo)簽中的lang屬性,在一些頁(yè)面中并沒(méi)有這個(gè)屬性,那么它又是干什么的呢?

其實(shí)它就是告訴瀏覽器我這個(gè)頁(yè)面是什么語(yǔ)言的,注意是語(yǔ)言不是編碼格式哦,您是否見(jiàn)過(guò)下面的場(chǎng)景:

瀏覽器提示“檢測(cè)到當(dāng)前頁(yè)面為英文是否翻譯為中文  ”這個(gè)就是因?yàn)檫@個(gè)屬性造成的,目前不是所以的

瀏覽器都有這個(gè)功能的;

第三點(diǎn):

標(biāo)簽中其實(shí)都是用戶不可見(jiàn)的東西,他所包含的東西都是給瀏覽器或是搜索引擎用的,但是除了標(biāo)簽,他是用戶在head中唯一可以看到的標(biāo)簽,說(shuō)到title就先說(shuō)他吧,給我們感覺(jué)好像就是一個(gè)頁(yè)面名字一樣可以顯示在瀏覽器的tag欄中;其實(shí)它對(duì)于瀏覽器來(lái)或是搜索引擎來(lái)說(shuō)功能還是非常大的;</p><p>       1,對(duì)瀏覽器來(lái)說(shuō)title是書(shū)簽或是收藏夾默認(rèn)的名稱(一般來(lái)說(shuō) ,也有例外)</p><p>       2,對(duì)搜索引擎來(lái)說(shuō),他是搜索頁(yè)面的最優(yōu)先關(guān)鍵字哦;</p><p>下面是meta標(biāo)簽的charset屬性.這個(gè)大家應(yīng)該都知道是告訴瀏覽器我們的文件的編碼字符集,但是需要我們注意的是這個(gè)字符集與你所用的開(kāi)發(fā)工具字符集是不是對(duì)應(yīng)的?如果不對(duì)應(yīng)可能會(huì)出現(xiàn)亂碼的這個(gè)問(wèn)題小編就遇到過(guò),費(fèi)</p><p>了好大的勁才找到這個(gè)問(wèn)題</p><p>       haed中其它的一些標(biāo)簽我們?cè)谥蟮奈恼轮袝?huì)一個(gè)一個(gè)的說(shuō)明今天就說(shuō)這兩個(gè)吧;</p><p>第二個(gè)問(wèn)題:</p><p>        html5中最看重的理念“語(yǔ)義化”相比html有什么區(qū)別?</p><p>      語(yǔ)義化這個(gè)概念應(yīng)該說(shuō)是伴著html5應(yīng)運(yùn)而生,什么是html5 中的所的語(yǔ)義化?簡(jiǎn)單來(lái)說(shuō)就是"描述內(nèi)容的含義(meaning)"</p><p>比如說(shuō)<p>標(biāo)簽就是段落的意思,在html5中所有的標(biāo)簽都有它看書(shū)的語(yǔ)義的。而沒(méi)有語(yǔ)義的標(biāo)簽在html中有,在html5中就沒(méi)有了;比如<font>標(biāo)簽;而html5又為了補(bǔ)充html現(xiàn)在的不足加上一些新的標(biāo)簽如article,footer,header等等;</p><p>      而些標(biāo)簽的分類叫法也從“塊級(jí)元素”與“行內(nèi)元素”變成了“外圍內(nèi)容”與“短語(yǔ)內(nèi)容”</p><p>      在html5中最基本的理念就是語(yǔ)義與顯示分離,html代碼中出現(xiàn)的標(biāo)簽都讓開(kāi)發(fā)人員或?yàn)g覽器一看就知道是干什么用的東西,至于顯示效果那是ccs3(Cascading Style Sheet)需要干的事情,所以在html5中這個(gè)兩個(gè)好×××終于距離產(chǎn)生了美;</p><p>      那么語(yǔ)義化以后對(duì)html文檔有什么好處么?</p><p>      1.可以提升可訪問(wèn)性與互操作性(兼容性會(huì)更好)</p><p>      2.改進(jìn)搜索引擎的優(yōu)化</p><p>      3.一般來(lái)說(shuō)可以讓 html文件更?。?/p><p>      4.讓代碼更好唯護(hù),與css3的關(guān)系更和諧;</p><p>第三個(gè)問(wèn)題:</p><p>網(wǎng)頁(yè)文件的命名你想到過(guò)會(huì)影響你網(wǎng)站的體驗(yàn)么?</p><p>這個(gè)一聽(tīng)第一感覺(jué)就是不靠譜,一個(gè)文件的名字還會(huì)影響到網(wǎng)站的體驗(yàn)?</p><p>正確的答案確實(shí)是:是的</p><p>如 :文件名:Html_First_Blog.htm 與html-first-blog.html</p><p>這個(gè)兩個(gè)文件名不管是在用戶的體驗(yàn)上與搜索引擎上都第二個(gè)完勝第一個(gè)。是不是有人會(huì)問(wèn)為什么 ??</p><p>下面我就說(shuō)一下有如下幾點(diǎn)是需要我們注意的:</p><p> 1,文件名需要用小寫(xiě)字母:</p><p>       場(chǎng)景就是最簡(jiǎn)單的輸入地址吧,你認(rèn)為寫(xiě)</p><p>                           http://192.168.0.1/TestHtml/The_First/Html5.html</p><p>      方便還是寫(xiě)    http://192.168.0.1/testhtml/the-first/html5.html方便呢?</p><p>      這個(gè)自己體會(huì)吧</p><p>2,用短橫線分隔單詞;</p><p>     大家一定會(huì)認(rèn)為,用"_"挺好,其實(shí)這是做c開(kāi)發(fā)時(shí)候的寫(xiě)法,也可以說(shuō)是習(xí)慣,但是在網(wǎng)站中“-”是搜索引擎更喜歡的style;</p><p>3,使用標(biāo)準(zhǔn)的擴(kuò)展名:</p><p>     現(xiàn)在用好多的網(wǎng)站都是用.htm的擴(kuò)展名,這個(gè)瀏覽器也不會(huì)報(bào)錯(cuò),但是標(biāo)準(zhǔn)的擴(kuò)展名就是.html的所以大家以后寫(xiě)的時(shí)候就不要省時(shí)間少寫(xiě)一個(gè)字母“l(fā)”了;</p><p>記住以上幾點(diǎn)才正確的寫(xiě)網(wǎng)頁(yè)文件的命名方法哦,不要把寫(xiě)其它語(yǔ)言的方法放進(jìn)來(lái)。</p><p>今天講了一些平時(shí)我要經(jīng)常見(jiàn)到,但是不會(huì)去注意的地方(只是冰山一角),不知道對(duì)讀到這篇文章的您有什么幫助沒(méi)有?</p><p>其實(shí)這些細(xì)節(jié)平時(shí)如果不關(guān)注也許也不會(huì)出什么大的錯(cuò)誤,但是一個(gè)好的開(kāi)發(fā)人員需要有一個(gè)好的習(xí)慣,一款好的軟件需要用良好的細(xì)節(jié)體驗(yàn),一個(gè)好的網(wǎng)站同樣也需要更好規(guī)范與細(xì)節(jié)(您說(shuō)呢?)</p><p>下次文章我們會(huì)講一些關(guān)于<a target="_blank">網(wǎng)站制作</a>的小巧門(mén)與html的<h>標(biāo)簽的用法;也許還會(huì)有一些你所不知道的好玩的小問(wèn)題,幫您解答;</p><p>感謝您的閱讀,期待下次與您見(jiàn)面;</p><p>轉(zhuǎn)載請(qǐng)注明出處:謝謝合作!</p><p>如果有什么不同的想法與建議,或是想第一時(shí)間獲得博客更新提醒,以及更多技術(shù)信息分享,歡迎關(guān)注個(gè)人微信公眾平臺(tái):程序員互動(dòng)聯(lián)盟(coder_online),掃一掃下方二維碼或搜索微信號(hào)coder_online即可關(guān)注,我們可以在線交流。</p><p> <img src="http://img.blog.csdn.net/20150328223211726?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXExMjM2NTQxMQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="你所不知道的html5與html中的那些事(一)"></p> <br> 本文名稱:你所不知道的html5與html中的那些事(一) <br> 路徑分享:<a href="http://weahome.cn/article/iessso.html">http://weahome.cn/article/iessso.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/ghjgpj.html">香港虛擬主機(jī)哪個(gè)品牌比較靠譜</a> </li><li> <a href="/article/ghjggs.html">Python可視化Dash工具回調(diào)的使用方法</a> </li><li> <a href="/article/ghjgih.html">Win7系統(tǒng)提示恢復(fù)activedesktop該怎么解決</a> </li><li> <a href="/article/ghjgjh.html">云服務(wù)器怎么安裝ssl</a> </li><li> <a href="/article/ghjich.html">JavaScript機(jī)器學(xué)習(xí)之線性回歸</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">綿陽(yáng)網(wǎng)站制作公司</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">成都企業(yè)網(wǎng)站制作</a><a target="_blank">手機(jī)網(wǎng)站制作設(shè)計(jì)</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">免費(fèi)收錄網(wǎng)站</a><a target="_blank">賣(mài)友情鏈接</a><a target="_blank">軟文平臺(tái)</a><a target="_blank">備案資質(zhì)管家服務(wù)</a><a target="_blank">軟文營(yíng)銷</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">成都免費(fèi)網(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">綿陽(yáng)機(jī)房租用</a><a target="_blank">服務(wù)器機(jī)柜租賃</a><a target="_blank">雅安服務(wù)器托管</a><a target="_blank">成都棕樹(shù)機(jī)房</a><a target="_blank">成都機(jī)柜租用</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>全國(guó)免費(fèi)咨詢:</p> <b>400-028-6601</b> <p>業(yè)務(wù)咨詢:028-86922220 / 13518219792</p> <p>節(jié)假值班:18980820575 / 13518219792</p> <p>聯(lián)系地址:成都市太升南路288號(hào)錦天國(guó)際A幢1002號(hào)</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號(hào)</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">移動(dòng)服務(wù)器托管</a> <a target="_blank">成都服務(wù)器托管</a> <a target="_blank">云服務(wù)器</a> <a target="_blank">廣告設(shè)計(jì)制作</a> <a target="_blank">重慶網(wǎng)頁(yè)設(shè)計(jì)</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è)計(jì)</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ù)約顧問(wèn)</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="e0qku" class="pl_css_ganrao" style="display: none;"><dl id="e0qku"><nav id="e0qku"><small id="e0qku"></small></nav></dl><source id="e0qku"><th id="e0qku"><nav id="e0qku"></nav></th></source><strike id="e0qku"></strike><table id="e0qku"></table><tr id="e0qku"></tr><rt id="e0qku"></rt><tr id="e0qku"></tr><del id="e0qku"><center id="e0qku"><center id="e0qku"></center></center></del><optgroup id="e0qku"></optgroup><strong id="e0qku"></strong><kbd id="e0qku"><acronym id="e0qku"><xmp id="e0qku"></xmp></acronym></kbd><fieldset id="e0qku"></fieldset><dfn id="e0qku"></dfn><tfoot id="e0qku"></tfoot><li id="e0qku"><option id="e0qku"><samp id="e0qku"></samp></option></li><source id="e0qku"><strong id="e0qku"><nav id="e0qku"></nav></strong></source><input id="e0qku"><code id="e0qku"><em id="e0qku"></em></code></input><td id="e0qku"><fieldset id="e0qku"><menu id="e0qku"></menu></fieldset></td><strike id="e0qku"></strike><center id="e0qku"><samp id="e0qku"><th id="e0qku"></th></samp></center><s id="e0qku"></s><optgroup id="e0qku"></optgroup><abbr id="e0qku"></abbr><tbody id="e0qku"></tbody><rt id="e0qku"><code id="e0qku"><optgroup id="e0qku"></optgroup></code></rt><fieldset id="e0qku"></fieldset><tr id="e0qku"><wbr id="e0qku"><cite id="e0qku"></cite></wbr></tr><small id="e0qku"></small><dl id="e0qku"><nav id="e0qku"><li id="e0qku"></li></nav></dl><pre id="e0qku"></pre><xmp id="e0qku"></xmp><table id="e0qku"><tr id="e0qku"><acronym id="e0qku"></acronym></tr></table><dl id="e0qku"></dl><dl id="e0qku"><nav id="e0qku"><li id="e0qku"></li></nav></dl><table id="e0qku"></table><bdo id="e0qku"></bdo><source id="e0qku"><optgroup id="e0qku"><xmp id="e0qku"></xmp></optgroup></source><tr id="e0qku"><wbr id="e0qku"><cite id="e0qku"></cite></wbr></tr><dl id="e0qku"></dl><dfn id="e0qku"></dfn><s id="e0qku"></s><tbody id="e0qku"></tbody><samp id="e0qku"></samp><option id="e0qku"></option><source id="e0qku"></source><option id="e0qku"></option><noframes id="e0qku"><abbr id="e0qku"><sup id="e0qku"></sup></abbr></noframes><xmp id="e0qku"></xmp><fieldset id="e0qku"></fieldset><tbody id="e0qku"></tbody></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; //絕對(duì)路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>