Dreamweaver3完全教程（15）
全套教程打包下载

1.2 净化HTML代码
　　所谓净化HTML代码，实际上就是对HTML源代码的一种优化。

　　很多文档中存在大量的垃圾代码和错误代码，它们不仅增大了文档的大小，延长下载时间，在用浏览器浏览时也会变得很缓慢，甚至可能发生不可预料的错误，利用Dreamweaver的净化HTML特性，不仅可以从文档中删除这些烦琐无用的代码，还可以修复代码错误。

　　世界上不是只有Dreamweaver一种网页编辑器，很多人使用如FrontPage或Word 2000之类的工具创作网页，这些工具的特点是会生成大量无用的代码。利用Dreamweaver 3的净化HTML特性，可以最大程度上对这些代码进行优化，提高代码质量。

　　1.2.1 设置HTML重写参数
　　在具体介绍相关操作之前，我们先介绍Dreamweaver 3对HTML进行重写的相关设置。

　　打开"Edit"（编辑）菜单，选择"Preferences"（参数选择）命令，打开Dreamweaver 3的参数选择对话框，从左方目录列表中选择"HTML Rewriting"（HTML重写），即可在对话框的右方区域设置相关参数，如图2-28所示。

　　HTML的重写参数设置决定了Dreamweaver打开文档时的动作，它并不影响在HTML源代码检视器中进行的操作。如果您关闭了这些重写选项，则打开文档后，Dreamweaver会把那些原本要重写的内容以标记为无效。

　　Fix Invalidly Nested and Unclosed Tags（修复无效的嵌套和未封闭标记）

　　如果选中该复选框，Dreamweaver会对文档中那些无效的嵌套、重叠的标记进行修复，如果一个应该封闭的标记尚未封闭，Dreamweaver会为之添补上封闭标记。

例如，Dreamweaver会将"微文工作室"语句重写为"微文工作室"。

　　Remove Extra Closing Tags（删除多余的封闭标记）

　　选中该复选框，Dreamweaver会将那些没有同开放标记相关联的多余的封闭标记删除。

　　Warn when Fixing or Removing Tags（当修复或删除标记时发出警告）

　　选中该复选框，则在Dreamweaver对文档进行重写和修复之前，会出现一个显示有技术性说明的提示对话框，告诉您当前在文档中的某行某列出现什么样的错误，您可以利用该特性定位错误，了解到底发生了什么事情。

　　
　　图2-28 设置HTML重写参数Never Rewrite HTML: In Files with Extensions（从不重写带有...扩展名的HTML文档）

　　如果选中该复选框，则可以对带有指定扩展名的文件不进行重写，您可以在右方的文本框中输入相应的扩展名，多个扩展名之间用空格隔开。

　　该特性可以用于避免修复第三方编辑器所生成的标记。

　　另外还有两个复选框，用于设置是否允许Dreamweaver根据上下文环境，对某些特定字符进行编码。一般情况下，应该选中它们。

　　1.2.2 净化现有文档使用Dreamweaver的"Clean Up HTML"（净化HTML）命令，可以从文档中删除空标记、融合嵌套的font标记等，以增强代码的可读性和易懂性。

　　您可以按照如下步骤操作：

　　1.打开现有的文档。

　　2.打开"Commands"（命令）菜单，选择"Clean Up HTML"（净化HTML）命令。

　　3.这时会出现如图2-29所示的对话框，提示您进行净化方式的选择。

　　图2-29 选择净化方式4.在"Remove"（删除）区域，允许指定要删除哪些内容。

l Empty Tags（空标记）选择该复选框，则从文档中将没有包含任何内容的空标记删除。例如，会删除""，但是不会删除"Microtext"。

l Redundant Nested Tags（多余嵌套标记）选择该复选框，则从文档中删除多余的嵌套标记。例如对于语句"微文工作室"，会将内部的标记删除。

　　l Non-Dreamweaver HTML Comments（非Dreamweaver HTML注释）选择该复选框则从文档中删除所有非Dreamweaver自动生成的注释信息。Dreamweaver自动生成的注释之前都有一段说明，表明该注释由Dreamweaver所添加，Dreamweaver就是根据这个特征来区分哪些注释是由它自动生成，而哪些注释不是由它生成。

　　l Dreamweaver HTML Comments（Dreamweaver HTML注释）选择该复选框，则从文档中删除所有由Dreamweaver产生的注释。

　　l Specific Tag（s）（特定标记）选中该复选框，可以从文档中删除特定的标记。您可以在右方的文本框中输入该标记。利用该特性，可以从文档中删除哪些由其他可视化编辑器生成的标记、自定义标记，或那些不希望放置到站点上的标记（如blink）等。

　　5.在"Option"（选项）区域，允许您设置净化过程中的其他一些选项。

l Combine Nested Tags When Possible（尽可能融合嵌套的标记）选中该复选框，则会对文档中的嵌套标记进行重新组合。例如，对于语句"你好"，会被融合成"你好."l Show Log on Completion（完成后显示提示）选中该复选框，则在净化操作完毕后，显示相关的提示信息。

　　6.设置完毕，按下"OK"按钮，即可开始净化操作。

　　1.2.3 净化Microsoft Word生成的HTML文档很多人喜欢用Microsoft Word作为其HTML编辑器，的确，Word优秀的易用性在处理文档方面独具优势，但是由Word生成的HTML文档中会充斥很多无用的垃圾代码，例如无用的版权信息，无用样式代码，无用的XML代码等，不仅增大了文档的长度，而且源代码可读性极差，几乎无法阅读。

　　Dreamweaver可以导入由Word创建的HTML文档，也可以对Word创建的HTML文档进行净化，使代码质量大幅度提高。

　　您可以按照如下方法进行操作：

　　1.打开由Word生成的HTML文档。

　　2.打开"Commands"（命令）菜单，选择"Clean Up Word HTML"（净化Word HTML）命令。

　　3.这时会出现一个对话框，显示相应的净化设置，如图2-30所示。Dreamweaver会自动判断用于创建该文档的Word版本。

图2-30 选择净化Word HTML方式
　　l Remove all Word Specific Markup（删除所有Word特定标记）选中该复选框，则从文档中删除所有Word带来的特定标记，包括<html>间的XML代码、在文档头部由Word自定义的meta data和link标记、Word的XML标记、条件标记和其中的内容，以及样式中的空白段落和空白边距等。您可以在对话框的"Detailed"选项卡中深入定制这些选项。

　　l Clean Up CSS（净化CSS）选中该复选框，则会删除文档中所有会Word指定的CSS（层叠样式单）代码，包括内联的CSS样式、以"mso"开头的CSS样式属性，非CSS标准的样式声明，来自表格的CSS样式属性，以及在头部的所有未使用的样式定义。您可以在对话框的"Detailed"选项卡中深入定制这些选项。

l Clean up Tags（净化标记）选中该复选框，将从文档中删除标记，将网页主体部分的文本大小设置为size 2。

l Fix Invalidly Nested Tags（修复无用的嵌套标记）选中该复选框，将从文档中删除那些位于段落和头部之外的标记。

　　l Set Background Color（设置背景颜色）选中该复选框，可以重设文档背景颜色，您可以在右方的文本框中输入颜色数值。

　　l Apply Source Formatting（应用源代码格式化）选中该复选框，将按照现有的HTML格式化参数设置，对文档中的源代码进行重新格式化。

　　l Show Log on Completion（完成后显示提示）选中该复选框，则在净化操作完毕后，显示相关的提示信息。

　　4.设置完毕，单击"OK"按钮，确定操作，即可开始净化过程。

　　注意：如果通过打开"File"（文件）菜单，选择"Import"（导入），再选择"Import Word HTML"（导入Word HTML）命令来打开Word生成的HTML文档，则会自动激活"Clean Up Word HTML"命令，打开如图2-30所示的对话框。