在打开的文档中,选择“工具”>“清理 HTML”。
了解如何在 Dreamweaver 中清理代码、检查浏览器兼容性、验证 XML 文档以及使页面符合 XHTML 规范。
清理代码
可自动删除空标签、合并嵌套的 font 标签和以其他方式改善混乱或难以理解的 HTML 或 XHTML 代码。
有关如何清理从 Microsoft Word 文档生成的 HTML 的信息,请参阅打开和编辑现有文档。
根据文档的大小和所选的选项数量的不同,完成清理可能耗时数秒。
删除空容器标签
删除在标签对之间无内容的任何标签。 例如,<b></b> 和 <font color="#FF0000"></font> 是空标签,但 <b>some text</b> 中的 <b> 标签不是空标签。
删除多余的嵌套标签
删除某个标签的所有多余实例。 例如,在代码 <b>This is what I <b>really</b> wanted to say</b> 中,really 一词两侧的 b 标签多余并将被删除。
删除非 Dreamweaver HTML 注释
用于删除所有并非由 Dreamweaver 插入的注释。 例如,<!‑‑begin body text--> 会被删除,但 <!‑‑TemplateBeginEditable name="doctitle"‑‑> 不会被删除,因为它是一个 Dreamweaver 注释,用于标记模板中可编辑区域的开始。
删除 Dreamweaver 特殊标记
删除 Dreamweaver 添加到代码的注释,通过这些注释,可在更新模板和库项时自动更新文档。 如果在基于模板的文档中清理代码时选择此选项,则将从模板分离该文档。 有关详细信息,请参阅从模板分离文档。
删除指定的标签
删除相邻文本框中指定的标签。 使用此选项删除其他可视化编辑器插入的自定义标签和其他不希望出现在您的站点中的标签(例如,blink)。 请用逗号分隔多个标签(例如,font,blink)。
尽可能合并嵌套的 <font> 标签
合并控制同一范围文本的两个或更多个 font 标签。 例如,<font size="7"><font color="#FF0000">big red</font></font> 将变为 <font size="7" color="#FF0000">big red</font>。
完成后显示记录
在完成清理后显示一个警报框,其中包含关于对文档作出的更改的详细信息。
验证标签和大括号是否成对
可检查以确保页面中的标签、圆括号 (( ))、大括号 ({ }) 和方括号 ([ ]) 成对。 成对指的是每个开头的标签、圆括号、大括号和方括号都有相应的结尾标签或括号,反之亦然。
检查标签是否成对
随后将在您的代码中选中起包围作用的成对标签(及其之间的内容)。 如果继续选择“编辑”>“选择父标签”,并且您的标签成对,则最终 Dreamweaver 将选择最外面的 html 和 /html 标签。
检查圆括号、大括号和方括号是否成对
选择“编辑”>“代码”>“使圆括号成对”。
随后将选中起包围作用的圆括号、大括号和方括号之间的所有代码。 再次选择“编辑”>“代码”>“使大括号成对”将选中包围所选择的新内容的圆括号、大括号和方括号内的所有代码。
检查浏览器兼容性
浏览器兼容性检查 (BCC) 功能帮助您找出可能引发浏览器渲染错误的 HTML 和 CSS 的组合。 此功能还测试文档中的代码以了解是否存在目标浏览器不支持的任何 CSS 属性或值。
验证 XML 文档
可设置验证程序的首选参数、验证程序应检查是否存在的特定问题以及验证程序应报告的错误类型。
对于 XML 或 XHTML 文件,选择“文件”>“验证”>“作为 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 验证程序”类别中列出其首选参数。
从左侧的“类别”列表中选择“W3C 验证程序”。
您无法选择同一标记库或语言的多个版本;例如,如果您选择了 HTML 4.01,则无法选择 HTML 5。 选择验证要参照的最早版本。 例如,如果某个文档包含有效的 HTML 4.01 代码,那么该文档也将是有效的 HTML 5 代码。
单击“应用”以应用更改,然后单击“关闭”以关闭“首选项”对话框。
使页面符合 XHTML 规范
在创建页面时,可使该页面符合 XHTML 规范。 还可使现有的 HTML 文档符合 XHTML 规范。
创建符合 XHTML 的文档
例如,可通过从该弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”,使 HTML 文档符合 XHTML 规范。
并非可使所有文档类型都符合 XHTML 规范。
默认创建符合 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 或其他语言。