html链接如何打_HTML超链接（a标签）创建与属性设置方法

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

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

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

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

<a href=”https://www.example.com”>访问示例网站</a>

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

立即学习“前端免费学习笔记（深入）”；

2. 常用属性详解

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

• 外部链接：href=”https://www.google.com”
• 内部页面：href=”https://www.php.cn/faq/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” 提升安全性：

<a href=”https://example.com” target=”_blank” rel=”noopener”>新窗口打开</a>

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

<a href=”https://www.php.cn/faq/help.html” title=”点击查看帮助文档”>帮助</a>

3. 链接到页面内锚点

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

<h2 id=”section1″>章节一</h2>

然后创建跳转链接：

<a href=”#section1″>跳转到章节一</a>

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

4. 其他实用技巧

可将图片作为链接：

<a href=”https://www.php.cn/faq/home.html”><img src=”https://www.php.cn/faq/logo.png” alt=”首页”></a>

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

<a href=”#” onclick=”return false;”>未启用链接</a>

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

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