导读：
head和DTD尽管不会显示在页面上，但是却是网页的重要元素。为什么会出错？在上一节中我们我们在检验我们的网页时得到了一段出错信息，但是我们在整个网页的制作过程中都是按照...
head和DTD尽管不会显示在页面上，但是却是网页的重要元素。
为什么会出错？
在上一节中我们我们在检验我们的网页时得到了一段出错信息，但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页的“头部”，下面我们就来解决这个问题。
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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<br>并且在<html>标签里添加如下属性：xmlns="http://www.w3.org/1999/xhtml"。这个叫做命名空间属性，属于XML范畴，我们这里仍然不做过多的讨论。
<br>这段代码的作用就是声明我们的网页是使用的xhtml1-strict.dtd。现在再将这个页面提交给W3的效验器，这次将返回一个“This Page Is Valid XHTML1.0 Strict!”的信息。这表示我们的代码中没有任何错误，完全符合XHTML1的strict(严格)标准。当然了，实际工作中情况可能不总是如此，在实际的网页设计过程中，总会有各种原因造成我们写出不规范的代码。这时效验器就会给出错误报告，我们只需要按照提示修改代码即可。
<div class="clearfix divider_dashed333"></div>
<div class="lh24 f12 mt20 bb1e pb20">
<div class="fr" style=" padding-right: 20px">
<ul class="paginationa my_ajax">
<li id="fav_N9XKrqZ3E4MRPZw_bottom"><a href="javascript:;" class="arfav"
data-info_id="N9XKrqZ3E4MRPZw"
data-info_title="XHTML入门学习教程:网页Head和DTD_HTML/Xhtml_网页制作"
data-info_num="11">收藏(<span
id="ar_fav">15</span>)</a></li>
<li id="zan_N9XKrqZ3E4MRPZw_bottom"><a href="javascript:;" class="arzan"
data-info_id="N9XKrqZ3E4MRPZw"
data-info_title="XHTML入门学习教程:网页Head和DTD_HTML/Xhtml_网页制作"
data-info_num="11">赞(<span
id="ar_zan">50</span>)</a></li>
<li id="bao_N9XKrqZ3E4MRPZw_bottom"><a href="javascript:;" class="arbao"
data-info_id="N9XKrqZ3E4MRPZw"
data-info_title="XHTML入门学习教程:网页Head和DTD_HTML/Xhtml_网页制作"
data-info_num="11">举报</a></li>
</ul>
</div>
<span class="f12 blue_lighten mr10 fr" style="width: 200px;">
<span class="lh24 f12 c9 fl">分享到：</span>
<div class="bdsharebuttonbox bdshare_t bds_tools get-codes-bdshare fl"><a href="#"
class="bds_qzone"
data-cmd="qzone"
title="分享到QQ空间"></a><a
href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#"
class="bds_tqq"
data-cmd="tqq"
title="分享到腾讯微博"></a><a
href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#"
class="bds_weixin"
data-cmd="weixin"
title="分享到微信"></a><a
href="#" class="bds_more" data-cmd="more"></a></div>
</span>
</div>
<div class="clearfix divider_dashed333"></div>
</div>
<div class="clearfix"></div>
<div style="padding:0px 20px;">
<div class="one_half">
<div class="about_author">
<a href="https://www.nbla.cn/article/_5PW9Gq1Ebmqpm1d.html">Web分页打印 细线表格+分页打印之终极攻...</a>
<br/>
最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而
最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗 如果你还不知道细线表... </div>
</div>
<div class="one_half last">
<div class="about_author">
<a href="https://www.nbla.cn/article/_o6VBpMXeEr2Q0Yd.html">XHTML入门学习教程:XHTML网页图片应用_HT...</a>
<br/>
合理的添加图片可以使一个网页更加的美观。
图片标签
标签用于在网页里插入图片。标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件
合理的添加图片可以使一个网页更加的美观。
图片标签
标签用于在网页里插入图片。标签有一个... </div>
</div>
<div class="clearfix margin_top5"></div>
<div class="one_half">
<div class="popular-posts-area">
<ul class="recent_posts_list">
<li><span><a href="https://www.nbla.cn/article/_xBrjZ2GY53qNYVd.html"><img src="http://static.nbla.cn/Uploads/image/2017-03-30/14908533337047.png?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0" height="50px" width="50px" alt="有效网页表单的八条规则_HTML/Xhtml_网页制作" /></a></span><a href="https://www.nbla.cn/article/_xBrjZ2GY53qNYVd.html">有效网页表单的八条规则_HTML/Xhtml_网页制作</a>
<i>Jan 31, 2017</i>
</li><li><a href="https://www.nbla.cn/article/_o6VBpMXeye2Q0Yd.html">给网站添加 favicon的技巧 网址前面的小图标_HTM</a>
<i>Feb 01, 2017</i>
</li><li><a href="https://www.nbla.cn/article/_a4KPZMRO0G2pj8b.html">浅谈IE678兼容问题</a>
<i>Jul 02, 2018</i>
</li><li><a href="https://www.nbla.cn/article/_NBlx6M5Jdj2w4Zn.html">HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)</a>
<i>May 15, 2016</i>
</li>
</ul>
</div>
</div>
<div class="one_half last">
<div class="popular-posts-area">
<ul class="recent_posts_list">
<li><a href="https://www.nbla.cn/article/_AwpokL39YYMrEa7.html">HTML表格标记教程(39):表头的亮边框色属性BORDERC</a>
<i>Jan 01, 2017</i>
</li><li><a href="https://www.nbla.cn/article/_gjwA1qk8J1My9pZ.html">掌握常用的用于网页中引用内容的HTML标记_HTML/</a>
<i>Jan 26, 2017</i>
</li><li><span><a href="https://www.nbla.cn/article/_KXV57MAVXr24BbO.html"><img src="http://static.nbla.cn/Uploads/image/2017-03-30/14908545364268.jpg?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0" height="50px" width="50px" alt="IE9beta版本浏览器对HTML5/CSS3的支持_HTML/Xhtml_网页制IE9对CS..." /></a></span><a href="https://www.nbla.cn/article/_KXV57MAVXr24BbO.html">IE9beta版本浏览器对HTML5/CSS3的支持_HTML/Xhtml_网页制IE9对CSS3新特性的支持：IE9对CSS3选择器的支持：IE9对HTML5新特性的支持：IE9对HTML5表单的支持：</a>
<i>Feb 26, 2017</i>
</li><li><span><a href="https://www.nbla.cn/article/_o7P3Gq991vq1lR6.html"><img src="http://static.nbla.cn/Uploads/image/2017-03-30/1490853391490.jpg?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0" height="50px" width="50px" alt="使用整洁的HTML标记构建页面_HTML/Xhtml_网页制作什么是“整洁”..." /></a></span><a href="https://www.nbla.cn/article/_o7P3Gq991vq1lR6.html">使用整洁的HTML标记构建页面_HTML/Xhtml_网页制作什么是“整洁”的HTML标记？为什么要这样？只要能正常显示不就够了吗？可扩展，设备友好，语义化和易升级Do和Don't ("要"和"不要")</a>
<i>Feb 02, 2017</i>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix margin_top7"></div>
<div class="footer1 bggraph1">
<div class="container">
<div class="one_fourth">
<ul class="faddress">
<li id="myfooter">
<div class="logo"><a href="http://www.nbla.cn" id="logo"><span></span></a></div>
</li>
<li> php迷，一个php技术的分享社区，专属您自己的技术摘抄本、收藏夹。</li>
<li>在这里……</li>
</ul>
</div>
<div class="one_fourth">
<div class="ftags">
<h3 class="nocaps">Tags</h3>
<ul>
<li><a href="#">共同学习</a></li>
<li><a href="#">发现</a></li>
<li><a href="#"> 收藏</a></li>
<li><a href="#"> 分享</a></li>
<li><a href="#"> 共享</a></li>
<li><a href="#">共鸣</a></li>
<li><a href="#">专注</a></li>
<li><a href="#">共同进步</a></li>
</ul>
</div>
</div>
<div class="one_fourth">
<div class="twitter_feed">
<h3 class="nocaps">About</h3>
<div class="left"><i class="fa fa-twitter fa-lg"></i></div>
<div class="right">
<a href="javascript:;" target="_blank">特别鸣谢</a>
<a href="javascript:;" target="_blank">使用协议</a><br/><br/>
<a href="javascript:;" target="_blank">意见反馈</a>
<a href="javascript:;" target="_blank">网站投稿</a>
</div>
</div>
</div>
<div class="one_fourth last">
<!-- <h3 class="nocaps">We Group</h3> -->
<img src="https://www.nbla.cn/Template/Home/images/php_wx.jpg"
style="float:left;width: 110px; text-align: center;">
<img src="https://www.nbla.cn/Template/Home/images/php_xcx.jpg"
style="float:left;width: 110px; text-align: center;margin-left: 20px">
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="copyright_info">
<div class="container">
<div>
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱 <a href="https://beian.miit.gov.cn" target="_blank">冀ICP备18013926号-2</a>
</div>
</div>
</div>
<a href="#" class="scrollup">Scroll</a>
</div>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/universal/jquery.js"></script>
<script src="https://www.nbla.cn/Template/Home/js/style-switcher/jquery-1.js"></script>
<script src="https://www.nbla.cn/Template/Home/js/style-switcher/styleselector.js"></script>
<script src="https://www.nbla.cn/Template/Home/js/mainmenu/bootstrap.min.js"></script>
<script src="https://www.nbla.cn/Template/Home/js/scrolltotop/totop.js" type="text/javascript"></script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/mainmenu/sticky.js"></script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/mainmenu/modernizr.custom.75180.js"></script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/lightbox/jquery.fancybox.js"></script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/lightbox/custom.js"></script>
<script src="https://www.nbla.cn/Template/Home/js/mainmenu/fhmm.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdownHover().dropdown();
$(document).on('click', '.fhmm .dropdown-menu', function (e) {
e.stopPropagation()
});
</script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/customs.js"></script> <script src="https://www.nbla.cn/Template/Home/js/form/jquery.form.min.js"></script>
<script>
var baseUrl = 'https://www.nbla.cn/ajax/act';
</script>
<script type="text/javascript" src="https://www.nbla.cn/Template/Home/js/custom.js"></script>
</body>
</html>