HTML5中用标签加超链接必须带href属性,支持相对路径、绝对路径、完整URL及锚点跳转;新标签页打开需加target="_blank"和rel="noopener";锚点跳转靠href="#id"与目标元素id匹配实现。

怎么用 即可
不存在,点击后地址栏会变(出现 href),但页面不动,也不报错点我 值,容易因编码或解析出问题
href 常见错误值和后果
很多静态页链接失效,不是路径写错,而是用了不被浏览器识别的值。
-
src:能阻止跳转,但语义错误,无障碍访问和 SEO 都不友好,静态页应避免 -
:会跳到页面顶部,不是“无跳转”,慎用;如果真想空链接,至少加href -
./about.html:本地双击打开可能工作,但部署到服务器后必然失败,绝对不要用 -
../index.html:可以,但注意 URL 编码,参数含空格或中文时要用/contact.html、https://example.com等
静态页链接要不要加 target="_blank"
对纯静态 HTML 网站,基本不用加 rel="noopener"。
这个属性是给搜索引擎看的,意思是“别追踪这条链接的权重”。它只在以下场景有意义:
- 你链接了不可信的第三方网站(比如用户评论里提交的链接)
- 你做了广告合作,按协议需声明该链接不构成推荐
- 你用了自动生成的脚注或引用,且不想影响 SEO 权重分配
自己写的内部链接(如 id)、正规官网外链(如 href),都不需要加。加了反而可能让搜索引擎误解你的内容结构。
立即学习“前端免费学习笔记(深入)”;
访问官网 帮助页面 跳到本页第二节










