核心属性
1. href

作用:指定链接目标 URL。
值:
绝对路径:`
相对路径:`/page.html`
页面锚点:`section-id`
协议链接:`mailto:`、`tel:+123456789`
示例:
html
在新标签打开
3. rel
作用:定义链接与当前页面的关系(增强安全/SEO)。
常用值:
`noopener`:阻止新页面访问 `window.opener`(与 `target="_blank"` 共用)。
`noreferrer`:隐藏来源信息。
`nofollow`:告知搜索引擎不传递权重。
示例:
html
安全外链
功能属性
4. download
作用:强制下载链接资源(需同源)。
值(可选):指定下载文件名。
示例:
html
下载PDF
5. title
作用:鼠标悬停时显示提示文本(提升可访问性)。
示例:
html
Contact
高级属性
6. hreflang
作用:指定链接内容的语言(如 `en`、`zh-CN`)。
示例:
html
English Version
7. type
作用:提示链接资源的 MIME 类型(如 `text/html`、`application/pdf`)。
示例:
html
JSON 数据
已废弃属性(避免使用)
`charset`、`coords`、`shape`、`rev` 等(HTML5 中已移除)。
最佳实践
必填属性:始终包含 `href`。
安全外链:使用 `target="_blank"` 时添加 `rel="noopener"`。
清晰文本:避免使用“点击这里”,改用有意义的链接文本。
锚点跳转:通过 `id` 实现页内跳转:
html
跳转到第二部分
..
第二部分标题
完整示例
html
rel="noopener noreferrer
title="查看文档
hreflang="en
type="text/html">
阅读文档(英文)