在 Visual Web Developer 的 HTML 编辑器中设置元素的格式

项目
10/22/2014

更新：2007 年 11 月

在 HTML 设计器中工作时，编辑器可以帮助您设置元素的格式。本主题介绍编辑器的格式设置工具，通过这些工具可以处理标记元素。

默认格式设置

默认情况下，使用 HTML 编辑器可以您喜欢的任何方式设置标记的格式，例如，完全按您键入时的效果保留分行符和缩进。编辑器包含可帮助您设置元素格式的功能。例如，如果您按 Tab 缩进某行，则接下来的行也会缩进。使用 Shift+Tab 可以取消行缩进。在“源”视图和“设计”视图之间切换时，编辑器保留应用到页的格式设置。

您可以设置一些基本选项来确定编辑器在“源”视图中如何处理制表符。有关详细信息，请参见“选项”对话框 ->“文本编辑器”->“HTML”->“制表符”。

另外，您还可以设置一些选项，用于使编辑器在您键入内容时自动插入引号和结束标记。有关详细信息，请参见“选项”对话框 ->“文本编辑器”->“HTML”->“格式”。

格式设置和当前架构

您为编辑器选择的架构可能会覆盖某些格式设置选项，如大小写和属性两旁使用引号。例如，如果选择 XHTML 1.1 Strict 架构，由于该架构只支持小写的名称，所以编辑器会将大写的标记和属性名转换为小写。

指定格式设置选项

创建元素时，设计器使用某些您可以设置的选项来设置新元素的格式。例如，默认情况下，使用小写标记名称创建客户端元素（如 HTML 标记）。在下列情况下，将应用格式设置选项：

从**“工具箱”**将控件拖动到页面上。
在“源”视图中使用 IntelliSense 创建标记。
在**“属性”**窗口或属性生成器中设置值。
从剪贴板粘贴元素。
在“设计”视图中使用类似“插入表”对话框这样的对话框生成标记。
手动设置所选内容或文档的格式。

有关如何设置格式设置选项的详细信息，请参见“选项”对话框 ->“文本编辑器”->“HTML”->“格式”和“选项”对话框 ->“文本编辑器”->“HTML”->“杂项”。

单个标记的格式设置选项

您还可以逐个单独设置标记的格式设置选项，这使您可以自定义 HTML 设计器如何为单个标记格式化标记。通过标记特定的格式设置，您可以设置：

标记如何结束（不结束、自终止或使用单独的结束标记）。
标记周围和标记内的分行符。
标记如何缩进。
大纲显示选项。
编辑器中标记如何着色。

有关详细信息，请参见标记专用选项。

按需要设置格式

随时都可以使用**“编辑”菜单或快捷菜单上的“设置文档的格式”命令设置文档或所选内容的格式。此菜单上可用于设置格式的其他选项还包括：将所选内容转换为大写或小写，将空格转化为制表符（“制表符替换空格”）或将制表符转化为空格（“空格替换制表符”**）等选项。在手动设置格式时，编辑器使用已设置的格式设置选项（除非您显式改写规则，如转换大小写时）。如果更改格式设置选项，则可以通过重新设置文档格式，将更改应用到现有标记。

保留空白的规则

编辑器设置格式的过程小心遵守了 HTML 在浏览器中呈现空白的方式。因此，如果编辑器更改元素的格式设置会导致页的呈现方式发生更改的话，则编辑器将不更改元素的格式设置。特别是处理在两个标记间不含空格的标记时，您将注意到编辑器中的此种行为。

例如，您的页中可能包含如下所示的两个 HTML 按钮的标记：

<input type="button" id="b1"><input type="button" id="b2">

当该页呈现时，页面上将出现两个按钮，且它们之间没有任何空格。如果在编辑器中设置文档的格式，则可能希望将这两个标记分别各占一行。但是，在两行中放置标记将导致呈现页时两个按钮之间出现空格，因此，编辑器不移动这些标记。如果手动在这两个标记之间放置一个空格，则格式设置可能将空格更改为分行符，这是因为重新设置格式不影响按钮在浏览器中的呈现方式。

另一种空白规则改写格式设置的常见情况是，改写内容和结束标记之间的格式设置。例如，文档中可能包含下列 table 元素，其中所有内容都位于一行中：

<table><tr><td>Hello, World</td></tr></table>

如果手动重新设置文档的格式，则结果如下：

<table>
    <tr>
        <td>
            Hello, World</td>
    </tr>
</table>

结束标记 </td> 并未移动到下一行，因为这会影响该单元格的呈现方式。如果手动在“Hello, World”和 </td> 标记之间插入空格，然后重新设置文档的格式，则编辑器会将结束标记移到下一行。

内联设置代码格式

一般来讲，根据语言编辑器的规则设置 ASP.NET 网页中客户端脚本和服务器代码的格式。回车行为、生成新行、缩进等等都是由相应的语言格式化程序规定的。例如，Visual Basic 语言格式化程序自动缩进 Function 声明之后的行。

在“源”视图中，脚本块相对于其父元素缩进一级。不设置内联表达式（即以 <%#、<%$ 或 <%= 开头的表达式）的格式，这些表达式保持键入时的原样。但是，如果您键入语句之间用 <% %> 分隔符逐一进行分隔的语句块，则编辑器将使用相应语言的缩进规则，将该块视为一个语句块来设置它的格式。

请参见

参考

“源”视图

通过