视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
XHTML入门学习教程:网页Head和DTD_HTML/Xhtml_网页制作
2020-11-27 16:46:12 责编:小采
文档

head和DTD尽管不会显示在页面上,但是却是网页的重要元素。 为什么会出错?
在上一节中我们我们在检验我们的网页时得到了一段出错信息,但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页的“头部”,下面我们就来解决这个问题。 部分
在之前的教程中除了标签之外我们修改的都是<body>之间的内容,也就是显示在页面里的内容。那么XHTML中的<head>部分是做什么的呢?其实在<head>部分我么可以加入许多浏览器可以“看得见”的信息。下面我们就介绍一些head部分常用的标签。 <br />注意:本节的标签与属性大多数难于记忆,事实上在我们在使用网页制作软件创建网页的时候它们会自动生成。本节的目的是能够了解这些标签的含义,以在必要的时候可以做一些手工的修改。现在就打开我们的“index.html”,在<head></head>中间插入如下代码: <br /> 1.<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <br />这段代码告诉浏览器我们的网页使用的是gb2312中文字符编码,没有该段<meta>信息正是上一次检验时出现问题的原因之一。 <br /> 2.<meta name="keywords" content="小学生,欺负同学,寒暑假作业,家长" /> <br />这段代码是为搜索引擎写的,content的内容就是index.html的关键词。 <br />请注意,<meta>标签也是一个空标签,别忘记加上/。<meta>标签的作用还远不只这些,不过在缺少实际应用的情况下,很难了解<meta>标签的实际用处。如果想了解更多<meta>标签的知识,可以到百度搜索相关知识。 关于<head>标签的说明 <br />正如之前所说的,<head>部分的内容并不是为浏览者写的,而是为浏览器和搜索引擎写的。因此<head>部分不应该含有任何在页面中可视的的内容。 DTD <br />如果现在再次检验我们的网页,仍然会得到出错信息,提示找不到DTD文件,那么什么是DTD文件呢?简单的说它就是在任何人(多数情况下是类似浏览器的软件)想要读取我们的文件之前告诉他我们文件是遵照哪一套规则来写的。以检验过程为例子,如果我们使用HTML4.01的DTD呢,效验器就会认为我们是使用的HTML4.01的规则编写的网页,然后按照相应的规则来一行一行的检验我们的代码,最终返回检验结果。 <br />我们制作的网页是使用XHTML的规则,当然要使用XHTML的DTD。不过正如我们前面提到的,XHTML的DTD也分为相对松散的过渡期DTD和要求相当严格的严格DTD。本教程中我们将要在网页中声明严格的DTD,如果您想了解更多关于DTD的内容需要学习XML,本教程中不做过多讨论。 <br />下面我们就为我们的网页声明DTD。打开之前保存的"index.html",在第一行(<html>标签之前)输入如下代码: <br /> <br />并且在<html>标签里添加如下属性:xmlns="http://www.w3.org/1999/xhtml"。这个叫做命名空间属性,属于XML范畴,我们这里仍然不做过多的讨论。 <br />这段代码的作用就是声明我们的网页是使用的xhtml1-strict.dtd。现在再将这个页面提交给W3的效验器,这次将返回一个“This Page Is Valid XHTML1.0 Strict!”的信息。这表示我们的代码中没有任何错误,完全符合XHTML1的strict(严格)标准。当然了,实际工作中情况可能不总是如此,在实际的网页设计过程中,总会有各种原因造成我们写出不规范的代码。这时效验器就会给出错误报告,我们只需要按照提示修改代码即可。 </p><a class="downbb html2word" href="javascript:;" data-model="article" data-id="adshec">下载本文</a> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/nrhou.js"></script></div> </mip-showmore> <div on="click:showmore01.toggle" data-closetext="收起全文" class="mip-showmore-btn">显示全文</div></section> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/dajia.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxh.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxhhou.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntj.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntjhou.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/end.js"></script> <div style="display:none"><a href="https://m.51dongshi.net/wzztf/ad/adshec/">专题</a></div><iframe src="https://hits.51dongshi.net/?biao=ho_article&id=923508" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe> <link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css"> <script id="fffz" data-domain="//m.51dongshi.net" src="https://js.51dongshi.net/js/fffz/fffz.js"></script> <div class="foot_new"> <div class="footlogo"></div> <div class="copyright">懂视 51dongshi.net 版权所有<br>Copyright © 2019-2025 </div> </div> </div><script type="text/javascript" src="https://jss.51dongshi.net/mwz/zuihou.js"></script> <script> $(function(){ var downbox_top = $('.downbox').offset().top-$(window).scrollTop(); $(window).scroll(function(){ if ($(window).scrollTop()>$('.downbox').offset().top+$('.downbox').height()) { if($('.downbb').length>0) $('.downbb').show() }else{ if($('.downbb').length>0) $('.downbb').hide() } }) }) </script> <div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> </html>