日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HTML5標(biāo)準(zhǔn)學(xué)習(xí)入門之文檔結(jié)構(gòu)

推薦專題：HTML 5 下一代Web開發(fā)標(biāo)準(zhǔn)詳解

創(chuàng)新互聯(lián)公司，為您提供重慶網(wǎng)站建設(shè)公司、重慶網(wǎng)站制作、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計，對服務(wù)報廢汽車回收等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗。創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報價服務(wù),我們深知市場的競爭激烈，認真對待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進步，是我們永遠的責(zé)任！

說起HTML的結(jié)構(gòu)，很多人都能說得頭頭是道，一般來說答案可能是這樣的：

一個DOCTYPE，一個html，里面有head和body元素。

這當(dāng)然不能說是不正確的，但是如果問到一個最小的HTML源文件必須有哪一些東西的話，恐怕很少有人能正確地做出回答。

先來回答一下這個問題，一個最簡的HTML5源碼文件需要的內(nèi)容如下：

 
 
 
    
  
  
  
  1.  
    2.

是的，就這樣，一個字符不多，一個字符不少，除了大小寫可任意變化外，其他的任何內(nèi)容都是不能變動的。

那么究竟是怎么樣的規(guī)則，導(dǎo)致一個最簡的源碼文件必須有doctype聲明呢？根據(jù)標(biāo)準(zhǔn)，一個HTML文檔有如下內(nèi)容組成（嚴(yán)格按照順序）：

一個BOM標(biāo)記，且這個BOM標(biāo)記必須為U+FEFF。

  • · 0-n個空格或注釋。
  • · DOCTYPE聲明。
  • · 0-n個空格或注釋。
  • · 一個HTML元素。
  • · 0-n個空格或注釋。

這里存在著一些和HTML4的不同，一個HTML4的最簡源碼文件是這樣的：

 
 
 
    
  
  
  
  1. 
  
  
  
  2.                       "http://www.w3.org/TR/html4/loose.dtd"> 
    3. 
  
  
  
  3. 這里是標(biāo)題 
    4.

兩者的區(qū)別是顯而易見的：

  • HTML5把DOCTYPE修改為更簡單的，這個已經(jīng)眾所周知了。
  • 在HTML4中多了一個標(biāo)簽。</li></ul> <p>這里的重點就是<title>標(biāo)簽了，關(guān)于這個標(biāo)簽，在HTML4.01標(biāo)準(zhǔn)中是這么說的：</p><p><strong>Every HTML document must have a TITLE element in the HEAD section.</strong></p><p>也即是說，HTML4要求<title>標(biāo)簽是必須存在的。</p><p>而在HTML5的標(biāo)準(zhǔn)中，又是這么說的：</p><p><strong>There must be no more than one title element per document.</strong></p><p>HTML5中只設(shè)定了<title>標(biāo)簽數(shù)量的上限，卻沒有指明下限，也就是說，沒有<title>的文檔已經(jīng)被視為一個合法的文檔了。</p><p>對于DOCTYPE，HTML4中設(shè)定了6種DOCTYPE，HTML5中將DOCTYPE分為3種，這個在以后的章節(jié)中再具體說明。</p><p>再回過來看一下文檔組成，除去0-n個空格或注釋這樣并沒有多大意義的元素之外，組成的列表中還說明有一個HTML元素，但是最簡的源碼中卻沒有這東西。這是因為在HTML的規(guī)范中，一直存在“隱式標(biāo)簽”這樣的概念，關(guān)于隱式標(biāo)簽，大致可以這么解釋：</p><p>一部分元素，當(dāng)滿足特定的前提條件時，其開始標(biāo)簽或結(jié)束標(biāo)簽可以在源碼中省略。在這種情況下，被省略的標(biāo)簽稱為“隱式標(biāo)簽”。</p><p>需要注意的是，此處的省略指的是在源碼中省略，而在最終成型的DOM樹中，這個標(biāo)簽是存在的，因此才稱為隱式標(biāo)簽。因此上面最簡的源碼結(jié)構(gòu)，在生成DOM樹后，其真正的結(jié)構(gòu)是這樣的：</p> <pre> <ol> <li><!DOCTYPE html> </li> <li><html> </li> <li>    <head></head> </li> <li>    <body></body> </li> <li></html> </li> </ol></pre><p>***，再總結(jié)一下XHTML中的一些規(guī)范：</p><ul><li>· 因為是XML，所以為了表示這是一個HTML文檔，必須有一個命名空間，其值為http://www.w3.org/1999/xhtml。</li> <li>· 因為是XML，所以MIME type不能是text/html了，text/xml、application/xml、application/xml+html都是比較好的選擇。</li> <li>· 因為是XML，必須有根元素，根元素為<html>，即<html>的開始和結(jié)束標(biāo)簽不能省略了。</li> <li>· 因為是XML，所有元素只要有了開始標(biāo)簽，就不能沒有結(jié)束標(biāo)簽，或者自閉合。</li> <li>· 因為是XML，所有元素都得嚴(yán)格遵守大小寫，元素名稱必須為小寫。</li></ul> <p>因為是XML，文檔變得嚴(yán)格了很多，也因為是XML，其可讀性和規(guī)范性提高了不少。但最終，我們始終要在HTML的寬容性和XML的規(guī)范性之間找到***的平衡點，一味地追求極端始終是一個錯誤。<br />  </p><p><em>原文鏈接：http://www.cnblogs.com/GrayZhang/archive/2011/03/28/learning-html5-structure.html</em></p><p>【編輯推薦】</p> <ol> <li>Modernizr：為HTML 5和CSS3而生</li> <li>學(xué)習(xí)HTML 5十佳站點推薦</li> <li>技術(shù)大牛談HTML 5設(shè)計原理</li> <li>HTML 5聯(lián)手jQuery實現(xiàn)超酷圖像灰度漸變效果</li> <li>HTML 5之表單新功能解析</li> </ol> <br> 網(wǎng)站標(biāo)題：HTML5標(biāo)準(zhǔn)學(xué)習(xí)入門之文檔結(jié)構(gòu) <br> 文章地址：<a href="http://www.5511xx.com/article/cdgihhp.html">http://www.5511xx.com/article/cdgihhp.html</a> </div> <div id="3avn98j" class="hot_new"> <div id="tbo4y9j" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="1mvrm3s" class="news_list clearfix"> <ul> <li> <a href="/article/dpsiise.html">淺析Python中的Python全局變量</a> </li><li> <a href="/article/dpsiidg.html">抖音設(shè)置燈籠碼是什么</a> </li><li> <a href="/article/dpsieii.html">linuxssd驅(qū)動</a> </li><li> <a href="/article/dpsiehj.html">python函數(shù)內(nèi)部函數(shù)</a> </li><li> <a href="/article/dpsiido.html">使用Scala簡化XML對象處理</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="bgb24j7" class="footer wow fadeInUp"> <div id="jqmr1k1" class="rowFluid"> <div id="lztjovh" class="span12"> <div id="ti9zerf" class="container"> <div id="9swax7r" class="footer_content"> <div id="tjf2e8i" class="span4 col-xm-12"> <div id="tqupbfb" class="footer_list"> <div id="mc7njfj" class="span6"> <div id="li7quhv" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div> </div> <div id="lkgmb4p" class="span6 col-xm-12"> <div id="br9kojy" class="quick_navigation"> <div id="49r7okh" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="重慶電商網(wǎng)站建設(shè)" target="_blank">重慶電商網(wǎng)站建設(shè)</a></li><li><a title="南充玉柴發(fā)電機" target="_blank">南充玉柴發(fā)電機</a></li><li><a title="成都發(fā)電機維保" target="_blank">成都發(fā)電機維保</a></li><li><a title="成都移動機房" target="_blank">成都移動機房</a></li><li><a title="成都維修發(fā)電機公司" target="_blank">成都維修發(fā)電機公司</a></li><li><a title="成都租用柴油發(fā)電機" target="_blank">成都租用柴油發(fā)電機</a></li><li><a title="成都聯(lián)通服務(wù)器托管" target="_blank">成都聯(lián)通服務(wù)器托管</a></li><li><a title="樂山維修柴油發(fā)電機" target="_blank">樂山維修柴油發(fā)電機</a></li><li><a title="張峰電力公司" target="_blank">張峰電力公司</a></li><li><a title="溫江服務(wù)器托管" target="_blank">溫江服務(wù)器托管</a></li><li><a title="企業(yè)網(wǎng)站建設(shè)公司" target="_blank">企業(yè)網(wǎng)站建設(shè)公司</a></li> </ul> </div> </div> </div> </div> <div id="zhky9l8" class="span4 col-xm-6 col-xs-12"> <div id="htgsyly" class="footer_list"> <div id="7m2vrvy" class="footer_link"> <div id="xvrer2c" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a> <a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a> </ul> <div id="dqmqzmz" class="footer_link_title">網(wǎng)站建設(shè)</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li> </ul> </div> </div> </div> <div id="9wzuy9e" class="span4 col-xm-6 col-xs-12"> <div id="ao2il9z" class="footer_list"> <div id="4aequp7" class="footer_cotact"> <div id="v49gk6h" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="ioa4i1d" class="footer_cotact_type">企業(yè)：</span><span id="uidrosw" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="bqcidql" class="footer_cotact_type">地址：</span><span id="wdxb4lh" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="fu9mros" class="footer_cotact_type">電話：</span><span id="srvhc97" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="a7k1xts" class="footer_cotact_type">網(wǎng)址：</span><span id="vt4lqub" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">www.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="qoimpl4" class="copyright"> <p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室 聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> <a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a> <a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a> <a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</a> </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="rrchv" class="pl_css_ganrao" style="display: none;"><xmp id="rrchv"></xmp><li id="rrchv"><thead id="rrchv"></thead></li><li id="rrchv"></li><center id="rrchv"></center><acronym id="rrchv"><dfn id="rrchv"></dfn></acronym><font id="rrchv"></font><blockquote id="rrchv"></blockquote><font id="rrchv"><th id="rrchv"></th></font><pre id="rrchv"></pre><thead id="rrchv"><dl id="rrchv"></dl></thead><menuitem id="rrchv"></menuitem><ol id="rrchv"></ol><xmp id="rrchv"></xmp><noframes id="rrchv"></noframes><acronym id="rrchv"><dfn id="rrchv"></dfn></acronym><thead id="rrchv"><nobr id="rrchv"></nobr></thead><track id="rrchv"></track><mark id="rrchv"></mark><progress id="rrchv"><listing id="rrchv"></listing></progress><form id="rrchv"><optgroup id="rrchv"></optgroup></form><pre id="rrchv"><u id="rrchv"></u></pre><blockquote id="rrchv"></blockquote><del id="rrchv"><pre id="rrchv"></pre></del><menuitem id="rrchv"><rt id="rrchv"></rt></menuitem><pre id="rrchv"></pre><dfn id="rrchv"></dfn><optgroup id="rrchv"></optgroup><p id="rrchv"><ruby id="rrchv"></ruby></p><source id="rrchv"></source><tr id="rrchv"></tr><tfoot id="rrchv"><abbr id="rrchv"></abbr></tfoot><legend id="rrchv"><output id="rrchv"></output></legend><pre id="rrchv"><u id="rrchv"></u></pre><dfn id="rrchv"></dfn><strong id="rrchv"></strong><delect id="rrchv"><acronym id="rrchv"></acronym></delect><listing id="rrchv"></listing><acronym id="rrchv"><legend id="rrchv"></legend></acronym><ol id="rrchv"><b id="rrchv"></b></ol><acronym id="rrchv"><legend id="rrchv"></legend></acronym><tfoot id="rrchv"><ol id="rrchv"></ol></tfoot><p id="rrchv"></p><source id="rrchv"><listing id="rrchv"></listing></source><acronym id="rrchv"></acronym><track id="rrchv"></track><pre id="rrchv"></pre><button id="rrchv"></button><ol id="rrchv"><b id="rrchv"></b></ol><abbr id="rrchv"><mark id="rrchv"></mark></abbr><pre id="rrchv"></pre><form id="rrchv"></form><nobr id="rrchv"></nobr><blockquote id="rrchv"></blockquote><legend id="rrchv"><output id="rrchv"></output></legend><option id="rrchv"></option><address id="rrchv"><strong id="rrchv"></strong></address><ol id="rrchv"><b id="rrchv"></b></ol><dfn id="rrchv"></dfn><video id="rrchv"><output id="rrchv"></output></video><acronym id="rrchv"></acronym><mark id="rrchv"><source id="rrchv"></source></mark><b id="rrchv"><tbody id="rrchv"></tbody></b><source id="rrchv"><listing id="rrchv"></listing></source><acronym id="rrchv"><noframes id="rrchv"></noframes></acronym><th id="rrchv"><li id="rrchv"></li></th><dfn id="rrchv"></dfn><menuitem id="rrchv"><rt id="rrchv"></rt></menuitem><p id="rrchv"></p><menuitem id="rrchv"><rt id="rrchv"></rt></menuitem><tr id="rrchv"></tr><dfn id="rrchv"></dfn><button id="rrchv"></button><sup id="rrchv"></sup><blockquote id="rrchv"></blockquote><form id="rrchv"></form><font id="rrchv"></font><thead id="rrchv"></thead><button id="rrchv"><big id="rrchv"></big></button><tbody id="rrchv"></tbody><u id="rrchv"><pre id="rrchv"></pre></u><acronym id="rrchv"></acronym><kbd id="rrchv"></kbd><center id="rrchv"></center><video id="rrchv"><xmp id="rrchv"></xmp></video><acronym id="rrchv"></acronym><optgroup id="rrchv"></optgroup><li id="rrchv"><thead id="rrchv"></thead></li><ol id="rrchv"></ol><thead id="rrchv"></thead><font id="rrchv"></font><pre id="rrchv"></pre><optgroup id="rrchv"><acronym id="rrchv"></acronym></optgroup><acronym id="rrchv"><dfn id="rrchv"></dfn></acronym><del id="rrchv"></del><rt id="rrchv"><kbd id="rrchv"></kbd></rt><acronym id="rrchv"><dfn id="rrchv"></dfn></acronym><delect id="rrchv"><acronym id="rrchv"></acronym></delect><output id="rrchv"></output><progress id="rrchv"><listing id="rrchv"></listing></progress><tbody id="rrchv"></tbody></div> </html>