作业帮HTML教程：深入了解HTML5标准结构
来源：学生作业帮助网 编辑：作业帮 时间：2024/05/10 14:50:56 HTML
HTML教程：深入了解HTML5标准结构HTML
【无忧考网-HTML教程：深入了解HTML5标准结构】：
这里是标题
两者的区别是显而易见的：标签。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">这里的重点就是<title>标签了，关于这个标签，在HTML4.01标准中是这么说的：</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">Every HTML document must have a TITLE element in the HEAD section.<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">也即是说，HTML4要求<title>标签是必须存在的。</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">而在HTML5的标准中，又是这么说的：</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">There must be no more than one title element per document.<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">HTML5中只设定了<title>标签数量的上限，却没有指明下限，也就是说，没有<title>的文档已经被视为一个合法的文档了。</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">对于DOCTYPE，HTML4中设定了6种DOCTYPE，HTML5中将DOCTYPE分为3种，这个在以后的章节中再具体说明。</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">再回过来看一下文档组成，除去“0-n个空格或注释”这样并没有多大意义的元素之外，组成的列表中还说明有一个HTML元素，但是最简的源码中却没有这东西。这是因为在HTML的规范中，一直存在“隐式标签”这样的概念，关于隐式标签，大致可以这么解释：</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">一部分元素，当满足特定的前提条件时，其开始标签或结束标签可以在源码中省略。在这种情况下，被省略的标签称为“隐式标签”。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">需要注意的是，此处的省略指的是在源码中省略，而在最终成型的DOM树中，这个标签是存在的，因此才称为隐式标签。因此上面最简的源码结构，在生成DOM树后，其真正的结构是这样的：</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><!DOCTYPE html><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><html><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"> <head></head><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"> <body></body><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"></html><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">最后，再总结一下XHTML中的一些规范：</P><P style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">•因为是XML，所以为了表示这是一个HTML文档，必须有一个命名空间，其值为http://www.w3.org/1999/xhtml。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">•因为是XML，所以MIME type不能是text/html了，text/xml、application/xml、application/xml+html都是比较好的选择。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">•因为是XML，必须有根元素，根元素为<html>，即<html>的开始和结束标签不能省略了。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">•因为是XML，所有元素只要有了开始标签，就不能没有结束标签，或者自闭合。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">•因为是XML，所有元素都得严格遵守大小写，元素名称必须为小写。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">因为是XML，文档变得严格了很多，也因为是XML，其可读性和规范性提高了不少。但最终，我们始终要在HTML的宽容性和XML的规范性之间找到最佳的平衡点，一味地追求极端始终是一个错误。</P></SPAN></SPAN><a href="/news/list/215/1">HTML</a></div>
</div>
</div>
</div>
</main>
<aside class="col-md-4 sidebar">
<div class="widget">
<h4 class="title">热点作业</h4>
<div class="content tag-cloud">
<a href="/focus/143015">如果增加两台机器，只需要用规定时间的7/8就可完成</a>
<a href="/focus/143014">求方程y\'=y^2e^-x的通解</a>
<a href="/focus/143013">他对自己能否学好电脑，充满了信心</a>
<a href="/focus/143012">Mayihavethismilk</a>
<a href="/focus/143011">3的2x-1=243</a>
<a href="/focus/143010">3^2x-1=243</a>
<a href="/focus/143009">小学数学</a>
<a href="/focus/143008">如果輸入53</a>
<a href="/focus/143007">甲和乙</a>
<a href="/focus/143006">阿拉伯半岛、印度半岛所在的板块是（）板块.</a>
</div>
</div>
<div class="widget">
<h4 class="title">作业帮手</h4>
<div class="content tag-cloud">
<a href="/focus/106455">老九门第二十三集播放</a>
<a href="/focus/106456">老九门第二十九集剧情</a>
<a href="/focus/106457">老九门第二十九集简介</a>
<a href="/focus/106458">老九门第二集改编剧本</a>
<a href="/focus/106459">老九门第二首片头曲</a>
<a href="/focus/106460">老外与二个中国熟女</a>
<a href="/focus/106461">老婆最大老公最二图片</a>
<a href="/focus/106462">老婆最大老公最二歌曲</a>
<a href="/focus/106463">老子二章全文的翻译</a>
<a href="/focus/106464">老子二章天之道翻译</a>
<a href="/focus/106465">老子二章原文和翻译</a>
<a href="/focus/106466">老子二章原文和翻译ppt</a>
<a href="/focus/106467">老子二章翻译天之道</a>
</div>
</div></aside>
</div>
</div>
</section>
<footer id="footer" class="footer hidden-print">
<div class="container">
<div class="panel panel-default">
<div class="panel-body footerlinks">
<a href="/zuoye/8796363" class="list-group-item col-md-6">一个英语句子翻一下Itisarather</a>
<a href="/zuoye/8796364" class="list-group-item col-md-6">翻一个英文句子You'veprovedy</a>
<a href="/zuoye/8796365" class="list-group-item col-md-6">只需化简一下式子就行</a>
<a href="/zuoye/8796366" class="list-group-item col-md-6">初三物理测小灯泡功率的分析问题.某同学在</a>
<a href="/zuoye/8796367" class="list-group-item col-md-6">初三物理测小灯泡电功率的题32.小华同学</a>
<a href="/zuoye/8796368" class="list-group-item col-md-6">另：测小灯泡额定功率的电路还可以完成什么</a>
<a href="/zuoye/8796369" class="list-group-item col-md-6">已知函数f(x)=x³+bx&</a>
<a href="/zuoye/8796370" class="list-group-item col-md-6">做一个体积为32平方米,高为2m的长方形</a>
<a href="/zuoye/8796371" class="list-group-item col-md-6">3乘(根号2减根号11)+2(-3/2乘</a>
<a href="http://www.52pingyi.com/" class="list-group-item col-md-6">我爱平邑</a><a href="https://www.csdndocs.com/" class="list-group-item col-md-6">程序文库</a><a href="https:/
/www.b7pu.com/" class="list-group-item col-md-6">兵器谱</a>
</div>
</div>
</div>
<div class="copy-right"><p>百度一下大象辅导网作业帮，作业帮习题。香蕉皮教育考试辅导作业共享，智慧之海香蕉皮作业帮忙</p></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>
</html>
一个标准的html结构都应该包含那些内容，一般人可能会这样回答：
一个DOCTYPE，一个html，里面有head和body元素。
这当然不能说是不正确的，但是如果问到一个最小的HTML源文件必须有哪一些东西的话，恐怕很少有人能正确地做出回答。
先来回答一下这个问题，一个最简的HTML5源码文件需要的内容如下：
是的，就这样，一个字符不多，一个字符不少，除了大小写可任意变化外，其他的任何内容都是不能变动的。
那么究竟是怎么样的规则，导致一个最简的源码文件必须有doctype声明呢？根据标准，一个HTML文档有如下内容组成（严格按照顺序）：
•一个BOM标记，且这个BOM标记必须为U+FEFF。
•0-n个空格或注释。
•DOCTYPE声明。
•0-n个空格或注释。
•一个HTML元素。
•0-n个空格或注释。
这里存在着一些和HTML4的不同，一个HTML4的最简源码文件是这样的：
"http://www.w3.org/TR/html4/loose.dtd">
两者的区别是显而易见的：
•HTML5把DOCTYPE修改为更简单的，这个已经众所周知了。
•在HTML4中多了一个