使用Dreamweaver格式化html代码

不必再浪费宝贵的时间手动整理美化HTML，使用Dreamweaver可以自动格式化html代码  

使用 Dreamweaver格式化html代码

 

一、快速启动：Dreamweaver-html源代码自动格式化
      （ 发布者：追寻之中     网址：http://leerui.bokele.com/）

  上周做项目的Demo,因为是Web应用,所以先要做很多表态页面.本来我以前很少接触网页设计,所以做起来真是困难.不过还是死嗑出来了.最后的麻烦事是,组长要我们把自己页面的源代码按照标准的格式整理好!也就是类似于:
<table>
    <tr>
        <td>
            XXX
        </td>
    </tr>
</table>
的格式,标签必须对整齐!真是让人郁闷死啊.于是我就一行一行的先把前面的空格去掉,再用Tab键缩进.硬是搞了好几天. 现在想想真是傻,其实Dreamweaver本身带有自动整理的功能! T_T

首先在[编辑]|[首先参数]的"代码格式"中设置好格式:

第一行-缩进:勾选.可以选择使用Tab键或空格键填补缩进.
第二行-制表符大小:Tab键所占空位.这个只在DreamWeaver中有影响.不管你设为几,在文件中,一个Tab键还是一个Tab键.
第三行-自动换行:是否自动换行.不选.
第四行-换行符类型:换行符类型.(Windows)
第五、六、七行:标签大小写.
第八行:TD后无换行.不勾选.
第九行:居中方式.

设置好以后,点确定.然后转到菜单:[命令]|[应用源格式] -----看看源代码,已经整整齐齐了!
哈哈.好简单.

二、用Dreamweaver实现HTML代码格式化和净化功能

    我们在利用Dreamweaver3进行网页制作前，可以进行“格式化HTML代码”参数设置，如控制缩进、设置行间隔、设置标记和属性名称的大小写等，从而在创作文档时，保持其源代码格式简洁明了，也便于自我维护。 利用“格式化HTML代码”和“净化HTML代码”的特性，还可以对现有文档的HTML代码进行格式化和净化，实现统一的HTML代码格式，删除无用的代码，修复代码错误，优化代码，提高代码质量。

1、HTML格式化参数设置

位置：打开“Edit”菜单，选择“Prefernces”，打开参数选择对话框，选择“HTML Format”项，设置相关参数。

选项：

Indent（缩进）：缩进方式。
Use（使用）：选择用空格或制表符（Tab）实现缩进。
Table Rows and Columns（表格行和列）：选择，则会自动缩进用于创建表格的tr标记和td标记。
Frames and Framesets（框架和框架集）：选择，则会自动缩进用于创建框架和框架集的frames标记和framesets标记。
Indent Size（缩进尺寸）：单位“字符”。
Tab Size（制表符尺寸）：单位“制表符”。
Automatic Wrapping（自动换行）：选择自动换行和行数。
Line Breaks（回行）：不同的系统，选择不同的方式。
Case for Tage（标记的大小写）：选择大小写方式，只对文档窗口编辑操作有效。
Case for（属性的大小写）：选择大小写方式，只对文档窗口操作有效。
Override Case Of（覆盖标记）：全选中，则会根据上面的设置，在各种编辑状态下，对各种文档，强制对标记或属性的大小写进行重写。
Centering（居中）：居中方式的两种源代码的选择。

2、格式化现有文档的HTML代码

通过格式化参数设置，除了“Override Case Of（覆盖标记）”属性以外，通常只对新建文档或现有文档中新输入的内容有效，对现有文档中的源代码进行格式化，可以如下操作：
用Dreamweaver3打开现有文档，打开“Commands”菜单，选择“Apply Source Formatting”命令。

3、HTML重写参数设置

位置：打开“Edit”菜单，选择“Prefernces”，打开参数选择对话框，选择“HTML Rewriting”项，设置相关参数。
选项：

Fix Invalidly Nested and Unclosed Tags（修复无效的嵌套和未封闭标记）
Remove Extra Closing Tags（删除多余的封闭标记）
Warn when Fixing or Removing Tags（当修复或删除标记时发出警告）
Never Rewrite HTML :In Files with Extensions（从不重写带有扩展名的HTML文档）：可以在文本框中输入相应的扩展名，用空格隔开。
Special（特殊）：两个选项用于设置是否对某些特定字符进行编码。

4、净化现有文档的HTML代码

净化现有文档的HTML代码，可以删除无用的代码，优化源代码。如下操作：

位置：用Dreamweaver3打开现有文档，打开“Commands”菜单，选择“Clean Up HTML”命令，进行选择。
选项：

Empty Tags（空标记）
Redundant Nested Tags（多余嵌套标记）
Non-Dreamweaver HTML Comments（非Dreamweaver HTML注释）：所有非Dreamweaver自动生成的注释信息。
Dreamweaver HTML Comments（Dreamweaver HTML注释）
Specific Tag(s)（特定标记）：可以在文本框中输入相应的想删除的标记。
Combine Nested Tags When Possible（尽可能融合嵌套的标记）：对文档中的嵌套标记进行重新组合。
Show Log on Completion（完成后显示提示）

另外，Dreamweaver3还可以对Microsoft Word生成的HTML文档进行净化。同理，不妨可以自己试试。