如何:在“设计”视图中为 Web 窗体页插入 HTML 超链接和书签

超链接和书签是非常重要的工具,可帮助用户在网页中以及在网页之间快速定位到所需的内容。

备注

在此页中介绍的方法只适用于 ASP.NET Web 窗体页。他们并不适用于使用您创建的网页 ASP.NET MVC(模型视图控制器)ASP.NET 网页

超链接

单击超链接时,超链接将尝试查找一个 HTML 文档并在 Web 浏览器中打开它。 它使用“统一资源定位器(URL)”字符串定位此新文档。 例如,超链接 <A HREF="mypage.htm"> 将在当前文件夹中查找名为 mypage.htm 的页,然后在当前框架中显示此页。

插入超链接

  1. 在**“设计”**视图中,打开您要编辑的网页。

  2. 选择要用作超链接的文本或图像。

  3. 在**“格式”菜单上单击“转换为超链接”。 若要在“设计”**视图中使用键盘,请按 Ctrl + L 键。

    出现**“超链接”**对话框。

  4. URL 框中,键入资源的路径,或单击**“浏览”按钮。 导航到目标页或文件,然后单击“确定”**。

ad09f4da.collapse_all(zh-cn,VS.110).gif设置目标类型

您可以使用 target 属性,以指定超链接如何在浏览器中以所指定的值把它打开,如 _blank, _parent 或 _top。 目标值设置为 _blank 在新浏览器窗口或在选项卡式浏览器的新浏览器选项卡中打开链接。 如果未设置 target 特性,则超链接显示当前浏览器窗口中的目标页。

设置超链接的目标窗口

  1. 选择超链接。

  2. 在**“属性”窗口和“目标”**框中,使用向下箭头选择一个值。

    备注

    网页的 DOCTYPE 必须是 HTML4 或 HTML5,“属性”窗口才显示为 target 属性。XHTML 1.1 文档类型定义中不允许对 ANCHOR 元素使用 target 特性。

书签

书签在一个 HTML 文档中创建一个位置,超链接可以跳转到该位置(例如,<a name="anchor">)。

备注

在 HTML5 中,<a> 标记没有 name 属性。可以使用此 id 特性代替创建书签,如下面的示例所示。此语法也在大多数浏览器中的 HTML4 工作。

<p id="NewBookmark">Bookmark location</p>

插入书签

  1. 在**“设计”**视图中,将光标放在页上要插入书签的位置。

  2. 在**“格式”菜单上选择“插入书签”。 若要在“设计”**视图中使用键盘,请按 Ctrl + Shift + L 键。

    出现**“书签”**对话框。

  3. 键入书签的名称,再单击**“确定”**。

您可以创建一个超链接,将当前 HTML 页滚动到一个已经有了书签的位置。 书签的链接使用缩写的 URL(例如,<a href="#bookmark">)。

插入到书签的超链接

  1. 选择供用户用作超链接的文本或图像。

  2. 在**“格式”菜单上单击“转换为超链接”**。 要使用的键盘,按 CTRL + L 键。

    出现**“超链接”**对话框。

  3. 在**“类型”列表中选择“(其他)”**。

  4. 在**“URL”框中,键入一个英镑标记 (#) 和书签名称(例如,#bookmark),再单击“确定”**。

请参见

参考

“超链接”对话框

其他资源

Visual Studio 和 ASP.NET 中的 XHTML 标准