xhtml知识及head部分名词解

最新推荐文章于 2025-11-05 20:48:02 发布

最新推荐文章于 2025-11-05 20:48:02 发布 · 138 阅读

文章标签：

#xhtml

前端开发专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了XHTML的基本概念及其与HTML的区别，包括三种DTD声明的选择与使用方法、元信息的设置、样式表的引用方式以及如何自定义收藏夹图标等内容。

W3C: World Wide Web Con???
DTD： Document Type Defination
DOCTYPE：Document Type
meta:?????
http-equiv:?????
xmlns: xml namespace

注意VS代码验证标准

三种DTD:
XHTML 1.0 提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。又因为XHTML1.0不能自定义标识，所以它的名字空间都相同，就是"http://www.w3.org/1999/xhtml"。
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">

XHTML语法规则要求所有的标识都必须有开始和结束。例如<body>和</body>、<p>和</p>等，对于不成对的标识，要求在标识最后加一个空格，然后跟一个"/"。

常用的meta
站点的简要介绍:
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
站点的关键词:
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
第三步是定义你的语言编码，类似这样：
语言编码:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。
<meta http-equiv="Content-Language" content="gb2312" />
这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。

不常用的meta(对搜索引擎很有帮助)
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法
<meta content="all" name="robots" />
设置站点作者信息
<meta name="author" content=",阿捷" />
设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
站点的简要介绍(推荐)

样式表引用:
页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样：
<style type="text/css">  </style>
外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

收藏夹小图标:
如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：

收藏于 2010-09-08