核心知识
链接文字与打开方式
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>
实际体验:查看本课目录(当前页打开) · 查看本课目录(新标签页打开)。 预览区内的链接仅显示目标地址,不执行跳转。