HTML href - 介绍

在 HTML 中，<a> 元素（也称为锚元素）用于标记超链接，其中 href 属性指定链接的目标 URL。使用 <a> 元素，您可以将文本、图像、按钮等转换为链接，以便在单击时导航到其他页面或资源。

基本语法

一个基本的 <a> 元素如下所示：

<a href="https://www.example.com">示例链接</a>

此代码将在页面中创建文本 示例链接，并将其转换为指向 https://www.example.com 的链接。

目标属性（target attribute）

可以将 target 属性与 <a> 元素一起使用，以指定链接的目标浏览器上下文。默认情况下，链接将在同一浏览器上下文中加载，并替换当前页面的内容。但是，您可以通过 target 属性将链接打开到新的窗口或标签页中。

以下是在新窗口中打开链接的示例代码：

<a href="https://www.example.com" target="_blank">在新窗口中打开示例链接</a>

相对 URL（Relative URLs）

使用相对 URL 作为 href 属性值，可以将链接目标指定为相对于当前页面的路径。例如，使用相对 URL 链接到应用程序中的其他页面：

<a href="/other-page.html">链接到其他页面</a>

这将在您的应用程序中创建一个链接，该链接将指向位于根目录下的另一个页面（称为 other-page.html）。

锚点（Anchors）

锚点是指跳转到同一页面中的其他部分。锚点通过在 URL 末尾添加一个 # 号和锚点名称来标识：

<a href="#section2">跳转到第二部分</a>

...

<h2 id="section2">第二部分</h2>

这将创建一个链接，在单击时将跳转到页面中 id 为 section2 的元素（在此示例中为 H2 标题）。

总结

HTML <a> 元素和 href 属性是标记链接和跳转目标的重要工具。还可以使用 target 属性将链接打开到新的窗口或标签页中，并且使用相对 URL 和锚点可在同一页面中进行导航。