在dw中如何调试html代码,如何在 Dreamweaver 中优化和调试代码 - Dreamweaver 用户指南...

了解如何在 Dreamweaver 中清除代码、检查浏览器兼容性、验证 XML 文档并使页面符合 XHTML 规范。

清理代码

您可以自动删除空标签，合并嵌套 font 标签，以及通过其它方法改善杂乱或难以辨识的 HTML 或 XHTML 代码。

有关如何清理从 Microsoft Word 文档生成的 HTML 的信息，请参阅打开和编辑现有文档。

在打开的文档中，选择“工具”>“清理 HTML”。

在出现的对话框中，选择任一选项并单击“确定”。

注意:根据文档大小和所选选项数目的不同，可能需要几秒钟完成清理。

删除空容器标签

用于删除标签对之间没有任何内容的标签。例如， 和 是空标签，但 some text 中的 标签则不是空标签。

删除多余的嵌套标签

用于删除某个标签的所有多余实例。例如，在代码 This is what I really wanted to say 中，really 一词两侧的 b 标签为多余的标签，将被删除。

删除非 Dreamweaver HTML 注释

用于删除所有并非由 Dreamweaver 插入的注释。例如， 将被删除，但 不会被删除，因为它是标记模板中的可编辑区域开头的 Dreamweaver 注释。

删除 Dreamweaver 特殊标记

用于删除 Dreamweaver 添加到代码中的注释，这些注释允许在更新模板和库项目时自动更新文档。如果在基于模板的文档中清除代码时选择此选项，文档将与模板分离。有关详细信息，请参阅将文档与模板分离。

删除指定的标签

用于删除相邻文本框中指定的标签。使用此选项可删除由其它可视化编辑器插入的自定义标签以及其它您不希望在站点中出现的标签(例如，blink)。请用逗号分隔多个标签(例如，font,blink)。

标签”>

尽可能合并嵌套 标签

用于合并两个或多个控制相同范围文本的 font 标签。例如，big red 将被更改为 big red。

完成后显示记录

用于在完成清理时显示一个警告框，其中包含有关文档改动的详细信息。

验证标签和大括号是否对称

您可以检查以确保页面上的圆括号 (( ))、大括号 ({ }) 和方括号 ([ ]) 是对称的。对称的意思是每个开始的标签、圆括号、大括号和方括号有相应的结束部分，反之亦然。

检查标签是否对称

在“代码”视图中打开该文档。

将插入点放在嵌套代码中要进行检查的地方。

选择“编辑”>“选择父标签”。

在代码中选中两侧的匹配标签(以及它们之间的内容)。如果您继续选择“编辑”>“选择父标签”且您的标签已对称，则最终 Dreamweaver 将选择最外面的 html 和 /html 标签。

检查圆括号、大括号和方括号是否对称

在“代码”视图中打开该文档。

将插入点放在代码中要进行检查的地方。

选择“编辑”>“代码”>“平衡大括弧”。

此时将选中圆括号、大括号和方括号中的所有代码。再次选择“编辑”>“代码”>“平衡大括弧”，选中圆括号、大括号和方括号内的新选定内容中的所有代码。

检查浏览器的兼容性

浏览器兼容性检查 (BCC) 功能可以帮助您定位能够触发浏览器呈现错误的 HTML 和 CSS 组合。此功能还可测试文档中的代码是否存在目标浏览器不支持的任何 CSS 属性或值。

验证 XML 文档

您可以设置验证程序的首选参数、验证程序应该检查的特定问题、以及验证程序应该报告的错误类型。

执行下列操作之一：

对于 XML 或 XHTML 文件，选择“文件”>“验证”>“为 XML”。

“结果”面板的“验证”选项卡将显示“没有错误或警告”消息，或者列出找到的语法错误。

双击某一错误信息可将此错误在文档中高亮显示。

若要将此报告保存为 XML 文件，请单击“保存报告”按钮。

若要在主浏览器(该浏览器允许您打印报告)中查看报告，请单击“浏览报告”按钮。

使用 W3C 验证程序验证文档

Dreamweaver 本身支持 W3C 验证程序，可帮助您创建符合标准的网页。W3C 验证程序可验证 HTML 和 XML 文档是否符合 HTML、XHTML 或 XML 标准。既可验证打开的文档，也可验证张贴到活动服务器上的文件。

使用验证后生成的报告来修复文件中的错误。

注意:在 Dreamweaver 的首选参数中，您可以指定验证您的文档时必须参照的解析程序。当无法自动检测到 DOCTYPE 时，此首选参数将用作回退设置。

验证打开的文档

选择“窗口”>“结果”>“验证”以打开“验证”面板。此面板将会显示验证结果。

选择“文件”>“验证”>“当前文档 (W3C)”。

验证实时文档

对于实时文档，Dreamweaver 验证由浏览器收到的代码。在浏览器中单击右键，然后选择查看源代码的选项后，显示此代码。在验证使用 PHP、JSP 等的动态页面时，验证实时文档尤其有用。

只有在所验证页面的 URL 以 http 开头时，才会启用“验证实时文档”选项。

选择“窗口”>“结果”>“验证”以打开“验证”面板。此面板将会显示验证结果。

单击“实时视图”。

选择“文件”>“验证”>“实时文档 (W3C)”。

对于实时文档，双击 W3C 验证面板中的错误时，将打开一个单独的窗口。该窗口中显示由浏览器生成的代码，并突出显示有错的行。

自定义验证设置

选择“窗口”>“结果”>“验证”以打开“验证”面板。

在“W3C 验证”面板中，单击“W3C 验证”(播放)图标。选择“设置”。

如果尚未显式指定文档的 DOCTYPE，则选择一种用于验证的 DOCTYPE。

如果不想显示错误和警告，请清除这些选项。

如果要删除已使用“W3C 验证”面板隐藏的任何警告或错误，请单击“管理”。删除警告和错误时，如果在“W3C 验证”面板中选择“显示全部”，则不显示这些警告和错误。

如果不想在开始验证时显示“W3C 验证程序通知”对话框，则选择“不显示 W3C 验证程序通知对话框”。

使用验证报告

验证完成后，“W3C 验证”面板中将显示验证报告。

有关错误或警告的详细信息，请选择“W3C 验证”面板中的错误/警告。单击“更多信息”。

若要将报告保存为 XML 文件，请单击“保存报告”。

若要以 HTML 形式查看整个报告，请单击“浏览报告”。HTML 报告提供错误和警告的完整列表以及摘要。

若要跳转至代码中含有错误的位置，请在“W3C 验证”面板中选择该错误。单击“选项”按钮，然后选择“转到行”。

若要隐藏错误/警告，请选择该错误/警告。单击“选项”按钮，然后选择“隐藏错误”。

若要查看所有错误和警告(包括隐藏的错误)，请单击“选项”按钮。选择“显示全部”。不列出“首选参数”对话框中删除的任何隐藏的错误和警告。

若要清除“W3C 验证”面板中的所有结果，请单击“选项”按钮。选择“清除结果”。

设置验证程序首选参数

除了标准 W3C 验证程序之外，Dreamweaver 还支持您作为扩展安装的外部代码验证程序。安装外部验证程序扩展时，Dreamweaver 会在“首选参数”对话框的“W3C 验证程序”类别中列出其首选参数。

选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。

从左侧的“类别”列表中选择“W3C 验证程序”。

选择验证要参照的标签库。

您无法选择同一标记库或语言的多个版本；例如，如果您选择了 HTML 4.01，则无法选择 HTML 5。选择验证要参照的最早版本。例如，如果某个文档包含有效的 HTML 4.01 代码，那么该文档也将是有效的 HTML 5 代码。

选择要在验证程序报告中包含的错误和警告类型的“显示”选项。

单击“应用”以应用更改，然后单击“关闭”以关闭“首选参数”对话框。

使页符合 XHTML

当您创建页时，您可以使该页符合 XHTML。您还可以使现有的 HTML 文档符合 XHTML。

创建符合 XHTML 的文档

选择“文件”>“新建”。

选择要创建的页的类别和类型。

从对话框最右端的“DocType”弹出菜单中选择一种 XHTML 文档类型定义 (DTD)，然后单击“创建”。

例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

注意:不是所有的文档类型都可以符合 XHTML。

默认创建符合 XHTML 的文档

选择“编辑”>“首选参数”或 Dreamweaver >“首选参数”(Mac OS X)，然后选择“新建文档”类别。

选择默认文档并从“默认文档类型(DTD)”弹出菜单中选择一种 XHTML 文档类型定义，然后单击“确定”。

例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

使现有 HTML 文档符合 XHTML

打开文档，然后执行下列操作之一：

对于不含框架的文档，请选择“文件”>“转换”，然后选择一种 XHTML 文档类型定义。

例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。

对于含框架的文档，请选择框架并选择“文件”>“转换”，然后选择一种 XHTML 文档类型定义。

若要转换整个文档，请对每个框架以及框架集文档重复此步骤。

注意:您不能转换模板的实例，因为模板的实例必须与它所基于的模板使用相同的语言。例如，基于 XHTML 模板的文档将始终是 XHTML，基于不符合 XHTML 的 HTML 模板的文档将始终是 HTML，并且不能把它转换为 XHTML 或其它语言。

更多此类内容

更改代码格式

设置代码颜色

检查 CSS 的跨浏览器呈现

XHTML 代码

使用 ColdFusion 组件