🔗 HTML 链接生成器

关于 HTML 链接生成器

这个 HTML 链接生成器完全在你的浏览器中运行。填写 URL、链接文本以及可选属性（target、rel、title、class、id、download），工具会生成可直接粘贴的 <a> 标签，并显示实时预览。整个过程不会上传任何数据——生成通过 JavaScript 在你的设备上瞬时完成。

常见属性

• href —— 目标 URL。链接要生效必须填写。
• target —— 链接打开位置。_blank 在新标签页打开；_self（默认）在当前标签页打开。
• rel —— 当前页面与链接页面的关系。使用 target="_blank" 时建议搭配 noopener noreferrer 以提高安全性。
• title —— 鼠标悬停在链接上时显示的提示文字。
• class —— 一个或多个用于样式的 CSS 类名。
• id —— 元素的唯一标识符。
• download —— 告诉浏览器下载链接资源而不是导航过去。可选择指定文件名。

如何使用生成器

1. 输入 URL 和 链接文本——这是仅有的必填字段。
2. 如需在新标签页打开，选择 target。
3. 选择 rel 值。对于在新标签页打开的外部链接，noopener noreferrer 是安全的默认值。
4. 根据需要添加可选的 title、class、id 或 download 属性。
5. 点击 复制，将生成的 HTML 粘贴到你的页面中。

常见问题

这个工具会上传我的数据吗？ 不会。所有操作都在本地浏览器中完成，输入永远不会离开你的设备。

为什么 target="_blank" 要配合 rel="noopener noreferrer"？ 不加的话，新标签页可以访问原页面的 window.opener，存在安全风险。现代浏览器默认启用此行为，但显式声明仍是良好实践。

nofollow 和 noopener 有什么区别？ nofollow 告诉搜索引擎不要为了排名跟踪此链接。noopener 是安全属性，防止新标签页访问打开它的窗口。

能生成邮件或电话链接吗？ 可以——只需用 mailto:[email protected] 或 tel:+8613812345678 作为 href 值，生成器会生成有效的链接标签。