Visual Web Developer 中的 HTML 编辑器标记导航

项目
10/22/2014

更新：2007 年 11 月

标记导航器是文档中当前所选元素及其所属父标记的层次结构的表示形式。您可以使用标记导航器确定文档中具有焦点的元素。另外，还可以使用标记导航器从当前元素移动到位于当前层次结构中较高位置的元素。例如，可以从 <td> 标记移动到它的父 <table> 标记。使用嵌套很深的结构（如表中的表）时，标记导航器尤为有用。

显示当前路径

标记导航器显示在网页编辑器的底部。标记层次结构显示为导航路径（也称作 breadcrumb），表示从当前所选标记到最外面的可用标记的路径。在“设计”视图中，最外面的标记是 <body> 标记，因为“设计”视图只允许用户编辑文档正文的内容。在“源”视图中，最外面的标记是 <html> 标记。

标记导航器显示当前文档中的所有元素，包括 HTML（或其他）标记和 ASP.NET Web 服务器控件（<asp:> 元素）。如果某个元素是 Web 服务器控件且具有 ID 属性或级联样式表 (CSS) 类，则标记导航器中显示 ID 或 CSS 类的值，以帮助您将它与其他元素区分开。如果标记路径超过了设计器窗口的宽度，则截断到该父标记的列表，并显示一个按钮，通过该按钮可以显示更多父标记。

说明：
标记导航器不显示当前文档中的所有元素，而显示从当前元素到最外面的父元素的路径。若要查看文档中的所有元素，请使用“文档大纲”窗口。有关详细信息，请参见“文档大纲”窗口。

通过标记导航器选择元素

您可以单击导航器中的标记以选择它所表示的元素。如果标记可以包含内容，则该标记会显示一个下拉列表，通过该下拉列表可以选择整个元素或只选择它的内容。例如，如果标记导航器显示 <td> 标记，则可以使用标记导航器上的下拉列表选择 <td> 元素（这样可以设置该元素的属性）或 <td> 元素的内容（这样可以编辑该元素的内容）。

执行诸如下面的块编辑操作时，标记导航器的选择功能十分有用：

在“源”视图中编辑表 通过标记导航器可以方便地复制表单元格（<td> 元素）的标记，然后复制、移动或删除该标记。
将 ASP.NET 页转换为与主控页一起使用的内容页 使用标记导航器可以选择现有标记，然后将其复制并粘贴到 Content 控件中。

请参见

通过

Visual Web Developer 中的 HTML 编辑器标记导航

显示当前路径

通过标记导航器选择元素

请参见

任务

概念

参考

其他资源