HTML 的 `` 标签(锚标签)用于创建超链接,是网页中实现跳转和导航的核心元素。以下是其常用属性的详细说明:

核心属性
1. `href`
作用:指定链接的目标 URL(必需属性)。
示例:
html
新窗口打开
功能性属性
3. `download`
作用:强制浏览器下载链接资源(而非打开)。
注意:仅适用于同源 URL 或 `blob:`、`data:` 协议。
示例:
html
下载 PDF
4. `rel`
作用:定义链接与当前文档的关系(常用于 SEO 和安全)。
常用值:
`nofollow`:告知搜索引擎不要追踪此链接。
`noopener`:阻止新页面通过 `window.opener` 访问原页面(安全防护)。
`noreferrer`:隐藏来源信息(同时隐含 `noopener`)。
示例:
html
安全外链
5. `type`
作用:指定链接资源的 MIME 类型(如 `text/html`, `application/pdf`)。
示例:
html
下载 ZIP
辅助属性
6. `hreflang`
作用:指定链接资源的目标语言(如 `en`, `fr`)。
示例:
html
法语版本
7. `ping`
作用:用户点击链接时向指定 URL 发送 POST 请求(用于跟踪)。
示例:
html
带追踪的链接
8. `referrerpolicy`
作用:控制发送的 Referer 头信息。
常用值:`no-referrer`, `origin`, `strict-origin`。
示例:
html
隐藏来源
已废弃属性(避免使用)
`charset`:指定链接资源的字符集(已过时)。
`coords` / `shape`:定义图像映射的热区(改用 `` 标签)。
`name`:定义锚点名称(改用 `id` 属性替代)。
完整示例
html
rel="noopener noreferrer
download="report.pdf
type="application/pdf
hreflang="en
referrerpolicy="strict-origin
下载英文报告(新窗口打开)
注意事项
安全:使用 `target="_blank"` 时,建议添加 `rel="noopener"` 防止钓鱼攻击。
SEO:合理使用 `rel="nofollow"` 避免传递权重给无关外链。
兼容性:`download` 属性在跨域或非 HTTPS 环境下可能失效。