17370845950

超链接通过a标签实现，href指定目标地址，target控制打开方式，title提供提示，可链接网页、邮箱、电话、锚点，支持图片链接与禁用跳转，提升导航体验。

在HTML中，超链接通过 a 标签创建，用于跳转到其他页面、文件、位置或网址。掌握其基本语法和常用属性，能有效实现网页间的导航。

1. 基本语法：创建一个超链接

使用 a 标签配合 href 属性指定链接目标：

访问示例网站

点击“访问示例网站”就会跳转到对应的网址。

2. 常用属性详解

href：指定链接地址，可以是外部网址、内部页面、邮件或锚点。

• 外部链接：href="https://www.google.com"
• 内部页面：href="about.html"
• 邮箱链接：href="mailto:someone@example.com"
• 电话链接：href="tel:+8613800000000"
• 页面锚点：href="#section1"（需对应元素的 id）

target：定义链接打开方式。

• target="_self"：在当前窗口打开（默认）
• target="_blank"：在新标签页中打开
• target="_parent" 或 target="_top"：用于框架页面控制

推荐在 target="_blank" 时加上 rel="noopener" 提升安全性：

新窗口打开

title：提供链接提示信息，鼠标悬停时显示。

帮助

3. 链接到页面内锚点

先为页面某个元素设置 id：

章节一

然后创建跳转链接：

跳转到章节一

适合长页面内的快速定位。

4. 其他实用技巧

可将图片作为链接：

禁用链接（常用于JavaScript触发）：

未启用链接

或使用 href="javascript:void(0)" 避免页面跳转。

基本上就这些。合理使用 a 标签及其属性，能让网页导航更清晰、用户体验更好。