这下可以升级我们的页面了：升级到XHTML
1． 选择DTD定义文档的类型
DOCTYPE是document type（文档类型）的简写。用来说明本文件用的XHTML或者HTML是什么版本。DTD（如xhtml1-transitional.dtd）是文档类型定义，里面包含了文档的规则，浏览器就是根据定义的DTD来解释页面的标识，并展现出来。XHTML1.0提供了以下3种DTD声明：
过渡的（Transitional）：要求非常宽松的DTD，它允许继续使用HTML4.01的标识。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的（Strict）：要求严格的DTD，不能使用任何表现层的标识和属性。
<!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">
2． 设定一个名字空间（Namespace）
名字空间声明允许通过一个在线地址指向来识别名字空间。
<html xmlns="http://www.w3.org/1999/xhtml">
xmlns=”
http://www.w3.org/1999/xhtml” 是一个固定值。即使文档里没有包含他，它会自动加上。
3． 定义语言编码
为了被浏览器正确解释和通过标识校验，所有的XHTML文档都必须声明它们使用的编码语言。
<meta http-equiv="Content-Type" c />
4． XHTML元素一定要被正确的嵌套使用。
<b><i>lyj</i></b>正确 <b><i>lyj</b></i>错误
5． XHTML文件一定要有正确的组织结构
Html、head、body元素必须出现，并且title元素必须在head元素里。
6． 标签名字一定要用小写字母
因为XHTML文档是XML的一种，而XML是区分大小写的。
7． 所有的XHTML元素一定要关闭
不能有没有关闭的空元素存在于代码中。例如：<p>lyj</p> <br/> <img src=”img/lyj.jpg” />
8． 属性名字必须小写、属性值必须带上英文双引号、属性的简写被禁止、用id属性代替name属性
9． Lang属性
可以应用于几乎所有的XHTML元素，他指定了元素中内容的语言属性。如果在一个元素中应用lang属性，必须加上xml:lang属性。
<div lang=”no” xml:lang=”no”> lyj</div>
层叠样式表CSS
1． 认识CSS
层叠样式表CSS是一个很神奇的东西。可以访问名为“CSS弹意花园”（CSS Zen Garden，
http://www.csszengarden.com）的网站。设计师Dave Shea建立这个网站的目的就是让广大的网页设计师认识到CSS的重要，网站提供一套标准的HTML页面及CSS文件，我们可以下载这些文件，然后自行修改CSS定义，以体现不同的设计风格.
本文只是简单介绍一些CSS的基本用法，有兴趣的朋友可以访问中文网站“传承标准”
http://www.omemo.net/neo/guides 及英文网站“W3Schools”（
http://www.w3schools.com/）学习CSS。
2． 基本用法
1．如何在HTML内插入样式表？
内联式：直接写在现有的HTML标签中。例如：<p style=”color:red”>liyongjing</p>
嵌入式：使用“<style></style>”标签嵌入到HTML文件的头部中。
外部式：在<head>内使用<link>标签将样式表文件链接大到HTML文件内。
导入式：使用“@import”导入外部的样式表文件，它需要写在<style>标签内。
2．样式规则
基本规则：选择符（又称选择器：文档中要应用此样式规则的元素） {属性:值;} 属性和值统称为“声明”。
选择符：包括：类型选择符（HTML文档中的元素）、类选择符（以“.”开头，后面的名字设计者可自行定义）、ID选择符（以“#”开头，后面的名字设计者可自行定义）、包含选择符（E1 E2{属性:值} 选择所有被E1包含的E2）、分组选择符（选择符以逗号分隔的方式）、通配选择符（*）等等。
3．伪类和伪元素
伪类是让页面呈现丰富表现力的好东西，它指定的是元素的某种状态。
