XHTML基础
上文已经说过，XHTML是HTML向XML过度的一种标记语言。它继承了HTML简单易学的特性，也秉承了XML代码结构严谨，代码清晰易于读，内容与形式相分离的结构化设计。本站强烈推荐还在使用HTML的开发者们使用XHTML语言，也帮助开发者适应新的标准，以便转向XML。
关于XHTML的好处，网上有很多介绍资料，这里就不过多讲述了，下面介绍一下XHTML的基本设置。
对于刚开始使用XHTML设计网站的开发者来说，我们建议使用比较流行的Dreamweaver8及以上版本设计。打开新建页面默认为：
下面分别介绍各部分的用法。
一、文档类型（DOCTYPE）
它是XHTML的格式标记，用来说明我们的代码是什么类型的，浏览器根据定义的DTD来解释页面的标识，并展现出来。
1、过渡类型（Transitional）
浏览器对使用过渡型XHTML网页的解析比较宽松，对于刚接触Web标准的开发者来说，过渡型的文档类型是目前理想选择，它允许你继续使用HTML4.01的标识，也比较容易通过W3C的代码校验，但必须符合XHTML的语法。使用方式如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、严格类型（Strict）
对于使用此的网页，浏览器解析相对严格，不允许使用任何表现样式的标识和属性。如：直接使用bgcolor背景颜色属性，<br>换行等都是不被允许的。使用方式如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3、框架类型（Frameset）
专门针对框架页面设计使用的文档类型，如果你的页面中包含有框架，就有必要采用这样的文档声明。由于目前W3C不推荐网页中包含有框架，所以这种类型的文档使用的较少。使用方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
二、名字空间（xmlns）
声明好DOCTYPE后接下来就是：<html xmlns="http://www.w3.org/1999/xhtml">。通常HTML4.0的代码只是<html>，而xmlns是什么？又有什么作用呢？
xmlns是XHTML Name Space的缩写，它是识别标记唯一性的标志。由于XML允许你自定义标识，那么你定义的标识就很有可能与其他人定义的标识相同，但表示不同的意义。这样，在文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字空间声明，允许你通过一个网址指向来识别你的标识。
例如：小张和小李都定义了<book>标识，小张的名字空间是<html xmlns="http://www.XiaoZhang.com">，小李的名字空间是<html xmlns="http://www.XiaoLi.com">，那么在数据交换的时候也不会混淆，因为他们都定义了不同的名字空间。因为在网络上域名永远是唯一的。
通俗的解释就是：一个学校的两个班级里都有一个叫张三的同龄男生，那么只有通过班级来区分是哪个张三。
我们都知道，XHTML是不允许自定义标识的，那么为什么还要使用名字空间呢？
因为XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。但又因为 XHTML1.0不能自定义标识，所以它的名字空间都是相同的，就是<html xmlns="http://www.w3.org/1999/xhtml">。
三、定义语言编码
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312（简体中文）。当然，制作多国语言页面也有可能用Unicode（如：UTF-8等）、ISO-8859-1等。写法为：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />。
需要说明的是，XML文档不是这么定义的，XML的定义：<?xml version="1.0" encoding="gb2312" ?>。这种也是W3C推荐使用的定义方法。但由于某些浏览器对Web标准支持的不完善，不能正确理解这样的方法，所以在目前网页上我们仍然推荐使用Meta方式定义。当然也可以都写。
还有一中定义方式是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。写法为：<meta http-equiv="Content-Language" content="gb2312" />。
四、Head区的其他设置
此区域的设置只起到对网页的描述更加完整的作用，并非必须的，由开发者自行决定加哪些不加哪些。
1、为浏览者准备的设置
把某些网站加入收藏夹，您会发现有一个小图标，其实这很简单。首先制作一个16X16的图标，命名为favicon.ico，放在根目录下，然后将下面的代码嵌入Head区：
<link rel="icon" href="/favicon.ico" type="image/x-icon" />或<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
2、为搜索引擎准备的设置
（1）对搜索引擎蜘蛛的设置：<meta content="all" name="robots" />
（2）设置网页关键字：<meta name="keywords" content="这里填写关键字" />
（3）设置网页描述：<meta name="description" content="这里填写对本页的介绍" />
（4）设置作者信息：<meta name="author" content="webmaster#w3cui.org,近水社区" />
（5）设置版权信息：<meta name="Copyright" content="www.w3cui.org,转载请保留版权" />
3、页面需要用到的文件
（1）调用样式文件：<link type="text/css" href="main.css" rel="stylesheet" rev="stylesheet" media="all" />
（2）调用JS文件：<script type="text/javascript" language="javascript" src="main.js"></script>
还有很多设置，这里就不一一介绍了，有兴趣的朋友可以自行查询。
细心的朋友会发现，为什么在Meta定义编码的时候后面会有一个“/”，而“<title>无标题文档</title>”就没有呢。我们会在下一篇文章中详细介绍XHTML的代码规范。
- XHTML的代码规范（Traffic：637 | Posted By：近水社区）
Comments(1)
话题搜索
文章推荐