设置超链接是html中最基础的功能，通过标签实现。一、基本写法是使用href属性指定目标地址，如点击这里访问示例网站；二、在新窗口打开需添加target="\_blank"属性，若需安全则加rel="noopener"；三、页面内锚点链接通过id定位，如跳转到第一部分；四、邮件链接使用mailto:协议，如联系客服邮箱，也可预设主题和正文。掌握这些用法能提升网页交互性，并注意安全性与用户体验的优化。
设置超链接是HTML中最基础也是最常用的功能之一，主要通过标签（锚点标签）来实现。只要掌握几个关键点，就能轻松添加跳转链接、页面内锚点或者邮件链接等。
一、基本的超链接写法
在HTML中添加一个最基本的超链接，只需要使用标签，并配合href属性指定目标地址：
点击这里访问示例网站
这段代码会在网页上显示为一个可点击的文字“点击这里访问示例网站”，点击后会跳转到https://www.example.com。
立即学习“前端免费学习笔记（深入）”；
注意几点：
-
href属性值可以是绝对网址（如上面的例子）、相对路径（如about.html），也可以是#表示空链接。 - 超链接文字部分可以是纯文本，也可以嵌入图片或其他HTML元素。
二、在新窗口中打开链接
默认情况下，点击链接会在当前窗口打开新页面。如果你希望链接在新标签页中打开，可以加上target="_blank"属性：
在新窗口打开
这样用户点击链接时不会离开当前页面，体验更好，常用于外部链接或广告。
小技巧：
如果想让新窗口打开的同时增加安全性，可以再加上rel="noopener"属性，防止新页面通过window.opener访问原页面：
安全地在新窗口打开
三、页面内的锚点链接
除了跳转到其他网页，还可以用超链接跳转到当前页面的某个位置，这叫做“锚点链接”。
首先给目标位置设置一个id属性：
LANUX V1.0 蓝脑商务网站系统 适用于网店、公司宣传自己的品牌和产品。 系统在代码、页面方面设计简约，浏览和后台管理操作效率高。 此版本带可见即可得的html编辑器, 方便直观添加和编辑要发布的内容。 安装： 1.解压后，更换logo、分类名称、幻灯片的图片及名称和链接、联系我们等等页面。 2.将dbconfig.php里面的数据库配置更改为你的mysql数据库配置 3.将整个文件夹上传至
第一部分内容
然后创建一个指向该id的链接：
跳转到第一部分
点击这个链接时，页面会自动滚动到id为section1的位置。
适用场景：
- 制作目录导航
- 长页面内容快速跳转
四、发送邮件的超链接
如果你想让用户点击链接直接弹出发送邮件的客户端，可以使用mailto:协议：
联系客服邮箱
点击这个链接通常会调用系统默认的邮件客户端，并自动填好收件人地址。
你还可以预设主题和正文内容：
带主题和正文的邮件链接
这种方式适合在联系方式页面使用。
基本上就这些了。掌握标签的不同用法，能让你的网页交互更丰富。虽然看起来简单，但在实际开发中细节处理也很重要，比如安全性和用户体验方面的小优化，别看它们不起眼，往往就是这些地方影响整体效果。
