target 是 HTML 标签的可选全局属性，用于指定链接跳转的目标浏览上下文（如新标签页、当前窗口等），其标准值包括 _self、_blank、_parent、_top 及自定义 iframe 名称。

`target` 是 html `html living standard 和 w3c 推荐，仅上述值为语义化合法值；使用任意非标准字符串（如 target="new"）虽可能被浏览器兼容执行，但属于非规范行为，应避免。

正确添加 target 属性的写法

target 是一个普通 HTML 属性，可与其他属性（如 href、title、rel）共存于同一开始标签内，顺序无关，推荐按语义逻辑排列（如 href 优先，target 次之）：

<!-- ✅ 正确：_blank 打开新标签页 -->
<a href="https://freecatphotoapp.com" target="_blank">cat photos</a>

<!-- ✅ 正确：多属性混合，顺序自由 -->
<a href="https://example.com" title="Official site" target="_blank" rel="noopener noreferrer">
  Visit Example
</a>

<!-- ❌ 错误：target 缺失引号（语法错误） -->
<a href="#" target="_blank">Invalid</a>

<!-- ❌ 错误：target 值未加引号且含空格 -->
<a href="#" target="_" blank>Invalid</a>

安全注意事项：务必搭配 rel="noopener noreferrer"

当使用 target="_blank" 时，必须同时设置 rel="noopener noreferrer"，原因如下：

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

• noopener：防止新页面通过 window.opener 访问原页面的 window 对象，避免安全漏洞（如钓鱼跳转、性能窃取）；
• noreferrer：阻止 Referer 头泄露来源 URL（可选，增强隐私性）。

<!-- ✅ 推荐：安全、规范、现代写法 -->
<a href="https://external-site.com" target="_blank" rel="noopener noreferrer">
  External Link
</a>

小结

• target 是 标签的核心导航控制属性，不是 CSS 或 JavaScript 行为；
• _blank 是唯一广泛支持且语义明确的“新窗口/标签页”值；
• 实际开发中，对外链强制使用 target="_blank" rel="noopener noreferrer" 应作为编码规范；
• 不要混淆 attribute（HTML 源码中的字符串值）与 property（DOM 对象的 JS 属性，如 anchor.target 是实时反射）。

掌握 target 的准确用法，不仅能完成 FreeCodeCamp 等平台的基础任务，更是构建安全、可访问、符合标准的 Web 链接的必备技能。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！