HTML超链接怎么做_HTML a标签链接创建与target属性设置

使用标签创建超链接，通过href指定地址，target控制打开方式，建议添加rel=”noopener”提升安全性，还可链接网页、文件、邮件和电话。

在HTML中创建超链接非常简单，主要使用<a>标签（anchor标签），通过设置href属性指定链接目标地址。同时，可以使用target属性控制链接在何处打开页面。

1. 基本超链接语法

使用<a href=”https://www.php.cn/faq/URL”>链接文字</a>来创建一个基本的超链接。例如：

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

点击“访问示例网站”就会跳转到https://www.example.com。

2. target属性：控制打开方式

target属性决定链接在哪个窗口或标签页中打开。常用取值包括：

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

• target=”_self”：在当前窗口打开（默认行为）
• target=”_blank”：在新标签页中打开
• target=”_parent”：在父框架中打开（用于iframe场景）
• target=”_top”：在整个窗口中打开，清除所有框架

例如，让链接在新标签页打开：

链企AI

专业的AI商业搜索和标讯服务平台，AI采集招投标信息，让您免费查看全网商业资讯，为您的商机之旅助力！

19

查看详情

<a href=”https://www.example.com” target=”_blank”>新窗口打开链接</a>

3. 安全建议：搭配rel=”noopener”

当使用target=”_blank”时，建议加上rel=”noopener”，防止新页面通过window.opener访问原页面，提升安全性。

推荐写法：

<a href=”https://www.example.com” target=”_blank” rel=”noopener”>安全地新开页面</a>

4. 链接其他类型资源

<a>标签不仅能链接网页，还能指向图片、PDF、下载文件等：

• 下载文件：<a href=”https://www.php.cn/faq/document.pdf” target=”_blank”>下载PDF</a>
• 邮件链接：<a href=”mailto:someone@example.com”>发送邮件</a>
• 电话链接（移动端适用）：<a href=”tel:+8613800138000″>拨打电话</a>

基本上就这些。掌握href和target的用法，就能灵活创建各种超链接。不复杂但容易忽略细节，比如安全属性和不同目标的打开方式。