1.0Transitional//EN" ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">；
<html xmlns="http://www.w3.org/1999/xhtml">)，即 DreamWeaver 8 和 cs3 版本默认
的 DTD；

•

所有 XHTML 代码必须全部小写；

•

XHTML

””

标签的属性值必须用双引号（）括起来,并且一定要有值,不能简写缩写；

•

“

双标记签都要有开始和结束标签，单标记标签的后面一定要加 /”,例如：<br />等，
并且有正确的层次；

•

非特殊情况下要求表现和内容分离，代码中不要涉及任何表现的元素，例如：
style、font br b 等；

•

id 属性，同一页面不要重复使用同一 id；

•

给重要图片加上 alt 属性；给重要的元素和截断的元素加上 title；

•

所有标签必须进行合理的嵌套，体现文档的结构，并有利于搜索引擎的查询；

•

则上，我们禁止用 <img width=? height=?> 来人为干预图片显示的尺寸，而且建

议 <img> 标签中不要带上 width 和 height 两个属性，这是因为制作过程中，图片
往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏

览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出
图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定

大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象
会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必

在最后给 <img>

附上 width

和 height

属性。

•

行距建议用百分比来定义，常用的两个行距的值是 line-height: 150%.

•

表格：在排布表格之前，认真思考一个最佳的方案，表格的嵌套尽量控制在三层
以内，禁止使用<colspan> <rowspan>标记，也就是横纵合并单元格，这两个标记
会带来许多麻烦。

•

表格嵌套必须条理清晰一目了然，各区块独立性强，便于修改。主要框架使用绝
对像素，以免产生变形。一个网页要尽量避免用整个一张大表格，所有的内容都

嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐
一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，

当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时
出现。如果必须这样做，请分段加入<tbody>

标记，以便能够使这个大表格分块显

示。

•

flash

的嵌入方法错误。 <embed>最早是 Netscape 的私有标签，即使后来为 IE 所支

持，但始终没有被 W3C

承认，在 XHTML1.0 没有<embed>这个标签。W3C 主张

的是采用<object>

标签。为了解决不同浏览器的兼容，有一个变通的解决方法是 2

个标签都采用。完整的示例代码如下(flash 背景为透明)

： <object

classid="clsid:27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#vers
ion=5,0,0,0" width="300" height="100"> <param name="quality" value="high"> <param
name="wmode" value="transparent"> <param name="SRC" value="test.swf"> <embed
src="test.swf" wmode="transparent"
quality="high"pluginspage="http://www.macromedia.com/shockwave/download/index.cg
i?P1_Prod_Version=ShockwaveFlash"type="application/x-shockwave-flash"
width="300" height="100"> </embed> </object>

•

在页面中碰到有单选框、复选框的时候要给单选框、复选框加上<lable></lable>标签；