Dreamweaver CC教程:更改代码格式

Dreamweaver CC教程:更改代码格式

Dreamweaver CC教程:更改代码格式

更改代码格式
您可以通过指定格式设置首选参数(例如缩进、行长度以及标签和属性名称的大小写)更改代码的外观。
除了“覆盖大小写”选项之外,所有“代码格式”选项均只会自动应用到随后创建的新文档或新添加到文档中的部分。
若要重新设置现有 HTML 文档的格式,请打开文档,然后选择“编辑”>“代码”>“应用源格式”。
1、选择“编辑”>“首选参数”。
2、从左侧的“类别”列表中选择“代码格式”。
3、设置以下任一选项:
缩进
指示由 Dreamweaver 生成的代码是否应该缩进(根据在这些首选参数中指定的缩进规则)。
注意:
此对话框中的大多数缩进选项仅应用于由 Dreamweaver 生成的代码,而不应用于您键入的代码。若要使您新键入的每一代码行的缩进级别都与上一行相同,请选择查看”>“代码视图选项中的自动缩进选项。有关更多信息,请参阅设置代码外观。
使用
(文本框和弹出菜单)指定 Dreamweaver 应使用多少个空格或制表符对它所生成的代码进行缩进。例如,如果在框中键入“3”并从弹出菜单中选择“制表符”,则对由 Dreamweaver 生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进。
制表符大小
确定每个制表符字符在代码视图中显示为多少个字符宽度。例如,如果“制表符大小”设置为 4,则每个制表符在代码视图中显示为四个字符宽度的空白空间。此外,如果“缩进大小”设置为 3 个制表符,则对 Dreamweaver 所生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进,在代码视图中显示的缩进就是十二个字符宽度的空白空间。
注意:
Dreamweaver 使用空格或制表符进行缩进;在插入代码时它并不会将一串空格转换成制表符。
Emmet
如果希望在编码时使用 Emmet 缩写,请选择此选项。选择此选项可确保:当您按 Tab 时,Dreamweaver 会将 Emmet 缩写转换为完整的 HTML 或 CSS 代码。有关使用 Emmet 的详细信息,请参阅结合使用 Emmet 工具包和 Dreamweaver。
换行符类型
指定承载远程站点的远程服务器的类型(Windows、Macintosh 或 UNIX)。选择正确的换行符类型可以确保您的 HTML 源代码在远程服务器上能够正确显示。当您使用只识别某些换行符的外部文本编辑器时,此设置也有用。例如,如果将“记事本”作为您的外部编辑器,则使用“CR LF (Windows)”;如果将“SimpleText”作为外部编辑器,则使用“CR (Macintosh)”。
注意:
如果要连接的服务器使用 FTP,此选项只能应用于二进制传输模式;Dreamweaver 中的 ASCII 传输模式忽略此选项。如果使用 ASCII 模式下载文件,则 Dreamweaver 根据计算机的操作系统设置换行符;如果使用 ASCII 模式上传文件,则换行符都设置为“CR LF”。
TD 标签: 不在 TD 标签内包括换行符
解决当 <td> 标签之后或 </td> 标签之前紧跟有空白或换行符时,某些较早浏览器中发生的呈现问题。选择此选项后,即使标签库中的格式设置指示应在 <td> 之后或 </td> 之前插入换行符,Dreamweaver 也不会在这些地方写入换行符。
高级格式化
用于设置标签库编辑器中个别标签和属性的格式选项。
空白字符
(仅适用于日语版本)用来为 HTML 代码选择 &nbsp; 或 Zenkaku 空格。如果在日语编码页面上创建表格并启用了“允许多个连续的空格”选项,则将在空标签中使用在此选项中选择的空白。
最小代码折叠大小
默认代码折叠大小是两行。通过此默认设置,所有至少包含两行代码的代码片段都可折叠。少于两行的代码片段仅可通过选择代码来进行折叠。有关代码折叠的详细信息,请参阅折叠和展开代码。

 

推荐阅读