第 2 课 · 7 / 15 | 编码:L02-10
核心知识

链接文字与打开方式

a 元素把可理解的文字或内容与目标地址连接起来。

  • href 指定目标地址,链接文字说明去哪里或做什么。
  • 普通网页中,不写 target 默认在当前页打开;target="_self" 也表示当前页。
  • target="_blank" 新建浏览上下文,通常是新标签页,也可能是新窗口,取决于浏览器设置。
  • rel="noopener":允许打开新页面,但不让新页面通过 window.opener 反过来控制原页面。例如,从课件 A 打开页面 B 后,B 不能借此把 A 跳转到其他网址;不影响正常打开链接。
  • 建议通过文字或图标提示“新标签页打开”,让用户提前知道打开方式;这不是 HTML 语法要求。
<a href="index.html">查看本课目录</a>

<a href="index.html"
   target="_blank"
   rel="noopener">
  查看本课目录(新标签页打开)
</a>

实际体验:查看本课目录(当前页打开) · 查看本课目录(新标签页打开)。 预览区内的链接仅显示目标地址,不执行跳转。