转:
不必再浪费宝贵的时间手动整理美化HTML,使用Dreamweaver可以自动格式化html代码
一,使用Dreamweaver格式化html代码
一、快速启动:Dreamweaver-html源代码自动格式化
如何要把自己页面的源代码按照标准的格式整理好!也就是类似于:
的格式,标签必须对整齐!真是让人郁闷死啊.于是我就一行一行的先把前面的空格去掉,再用Tab键缩进.硬是搞了好几天. 现在想想真是傻,其实Dreamweaver8本身带有自动整理的功能!
首先在[编辑]|[首先参数]的"代码格式"中设置好格式:
第一行-缩进:勾选.可以选择使用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文档进行净化。同理,不妨可以自己试试。