“源”视图

更新：2007 年 11 月

“源”视图显示网页的 HTML 标记，您可以对它进行编辑。默认情况下，最初选择“源”视图时，所有的 HTML 元素和脚本都显示出来。可以像在“设计”视图中编辑网页时一样从**“工具箱”**中拖动元素，并查看这些元素的插入到文档中的相关标记。

若要选择“源”视图，请单击位于“HTML 设计器”窗口底部的**“源”**选项卡。

与“设计”视图相比，“源”视图具有下列优势：

• 您可以微调元素和控件的标记。

• 您可以将文档设置成自己喜欢的格式。

• 您可以编辑正文以外的元素。“设计”视图只显示位于 body 元素之间的元素。例如，在“源”视图中工作时，可以直接编辑 head 元素。

• 您可以编辑页面指令。

• 您可以创建和编辑客户端脚本。

• 在处理单文件页（相对具有代码隐藏文件的页而言）时，可编辑该页的服务器代码。

切换到“设计”视图时，在“源”视图中所做的任何更改都立即反映出来。

说明：
一些标记错误可能阻止您切换到“设计”视图，因为这些错误将给编辑器造成问题，包括可能丢失数据。例如，如果标记没有正确地结束，则编辑器将显示一条错误，并停止视图切换。有关错误的详细信息显示在 “错误列表”窗口 中。即使无法切换到“设计”视图，也可以通过运行页来预览它。

在“源”视图中导航

为了帮助您在元素间移动以及选择它们，“源”视图提供了下列选项：

• “标记导航器”   标记导航器显示当前元素及其所属的父元素的层次结构。使用标记导航器可以查看具有焦点的元素，还可以从当前元素移动到层次结构中处于较高位置的元素。有关详细信息，请参见 Visual Web Developer 中的 HTML 编辑器标记导航。

• “文档大纲”   通过“文档大纲”窗口，可以定位和选择文档中的所有元素，包括那些不显示的元素。有关详细信息，请参见如何：在 Visual Web Developer 的 HTML 编辑器中定位。

验证

在“源”视图中，编辑器自动检查文档的语法，并对无效的标记、属性或值进行标记。您还可以按浏览器（例如 Microsoft Internet Explorer）或标准（例如 XHTML 1.1 Strict）来选择要使用的验证架构。有关详细信息，请参见 Visual Web Developer 中的标记验证。

IntelliSense

IntelliSense 是 Visual Studio 中的一项功能，它显示一个下拉列表，其中包含一些有可能帮助您完成键入的关键字。例如，如果键入某个类名的开始部分，则 IntelliSense 会显示一个下拉列表，其中包含所有到目前为止键入的字符开头的类名。

在“源”视图中，编辑器为几乎所有元素（包括 ASP.NET Web 服务器控件、标记、页指令和客户端脚本）显示 IntelliSense。编辑器提供的 IntelliSense 受当前验证架构控制，所以编辑器不为对当前架构无效的标记、属性或值提供 IntelliSense。

说明：
您可以关闭语句结束功能。有关详细信息，请参见 “选项”对话框 ->“文本编辑器”->“HTML”->“常规”。

格式设置

编辑器提供下列用来设置文档和各个标记的格式的选项：

• “拖动或粘贴元素”   从**“工具箱”**拖动元素或从剪贴板粘贴元素时，编辑器可以完全按照以前的格式设置创建元素，或者重新设置元素的格式，具体情况取决于您所指定的选项。有关详细信息，请参见 “选项”对话框 ->“文本编辑器”->“HTML”->“杂项”。

• “添加引号或结束标记”   您可以设置相应的选项使编辑器自动在属性值两侧插入引号并自动在您键入完开始标记后创建结束标记。有关详细信息，请参见 “选项”对话框 ->“文本编辑器”->“HTML”->“格式”。

• “按标记设置格式”   可以指定在创建元素时编辑器如何设置标记格式的规则。这些选项包括，使标记和属性首字母大写的方式，以及放置分行符的位置。有关详细信息，请参见 标记专用选项。

• “设置元素或文档的格式”   您可以将当前格式设置规则应用于所选内容或整个文档。

• “大纲显示文档”   您可以折叠和展开元素，以便编辑器中有更大的工作空间。例如，可以折叠 table 元素隐藏它的所有行和单元格，在需要编辑它时再展开它。您可以手动折叠和展开元素，还可以指定这样的规则：该元素为多大的情况下编辑器自动为其添加大纲显示。有关详细信息，请参见如何：在 Visual Web Developer 中折叠和展开 HTML 元素。

编写客户端脚本和服务器代码

在“源”视图中，可以创建在浏览器中运行的客户端脚本。如果处理单文件 ASP.NET 网页，还可以在“源”视图中编辑该页的服务器代码。有关 ASP.NET 页中客户端脚本的信息，请参见 ASP.NET 网页中的客户端脚本。有关单文件 ASP.NET 页的信息，请参见 ASP.NET 网页代码模型。

客户端脚本

可以像在任何编辑器中一样编写客户端脚本，可将该脚本作为元素的一部分包括进来，或通过该脚本本身的 <script> 块包括该脚本。在脚本块中，该编辑器提供适合当前文档的对象模型并且适合为脚本块指定的客户端脚本语言的 IntelliSense。如果没有指定语言，编辑器假定它为 ECMAScript。

说明：
编辑器不验证客户端脚本。

编辑器在窗口顶部显示两个下拉列表。对于客户端脚本，左侧的下拉列表显示可为其编写事件处理程序的文档对象列表；右侧下拉列表显示所选对象的事件。您可以先选择对象然后选择事件来创建新的处理程序。已经有处理程序的事件用粗体显示。

为了帮助在客户端脚本中导航，左侧的下拉列表还显示**“客户端脚本”选项。选择“客户端脚本”**后，右侧的下拉列表显示客户端脚本事件处理程序列表。您可以选择一个处理程序并直接跳到它所在的位置。

服务器代码

在处理使用单文件代码模型的 ASP.NET 网页时，“源”视图的包含 runat="server" 属性的脚本块中显示该页的服务器代码。

说明：
服务器代码不需要语言属性；页的服务器代码语言通过 @ Page 指令建立。

对于服务器代码，页面左上部的下拉列表显示可为其编写代码的服务器控件。右侧的下拉列表显示当前选定的控件的事件列表。您可以先选择对象然后选择事件来创建新的事件处理程序。已经有处理程序的事件用粗体显示。

请参见

概念

“设计”视图