超链接通过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 标签及其属性,能让网页导航更清晰、用户体验更好。












