HTML超链接只需标签加href属性，值用引号包裹目标网址，可设target="_blank"并配rel="noopener"，锚点用href="#id"，路径需按当前文件位置计算，避免base标签干扰。
HTML 超链接用 <a></a> 标签加 href 属性就能设，不是“教程”里说的那样要配一堆东西。
怎么写一个能点开的网页链接
核心就两样：<a></a> 标签 + href 属性。值填目标网址（绝对或相对路径都行），标签中间放点击文字或图片。
常见错误现象：href 拼错、漏引号、用了中文标点、路径写成 ./page.html/（末尾多斜杠导致 404）。
-
href值必须是字符串，所以一定得用双引号或单引号包住，比如href="https://example.com"，不能写成href=https://example.com - 想新开标签页？加
target="_blank"，但记得顺手加上rel="noopener"防安全风险 - 链接到本页某个位置？
href="#section1"，对应目标元素得有id="section1"
href 里的路径到底怎么写才不 404
路径类型决定链接能不能打开。浏览器按当前 HTML 文件所在位置解析相对路径，不是按你编辑器打开的位置。
立即学习“前端免费学习笔记（深入）”；
使用场景：本地开发时点不开，上线后又正常——大概率是相对路径没算对当前文件层级。
- 从
/pages/about.html链到首页：href="../index.html"（不是./index.html） - 链接到同级文件：
href="contact.html" - 链接到子目录：
href="blog/post.html" - 绝对路径慎用：
href="/assets/style.css"的/是网站根目录，本地双击打开 HTML 会失效
为什么点了没反应？检查这三处
不是代码没写，而是被覆盖、拦截或语义错了。
常见错误现象：文字变蓝有下划线，但鼠标悬停没手型；点一下页面跳了但不是目标地址；控制台报 Failed to load resource。
-
<a></a>里面嵌了<div> 或其他块级元素（HTML5 允许，但某些 CSS 重置会清掉 <code>cursor: pointer，补一句style="cursor: pointer;"快速验证 - JavaScript 绑了
event.preventDefault()却没后续逻辑，或者onclick返回false拦截了默认行为 -
href值为空、只有空格、或写成href="#"又没配合 JS，点完就回到顶部，容易误判为“没反应”
最麻烦的其实是路径和 base 标签混用——<base href="https://a.com/"> 会让所有相对 href 都以它为起点，改了 base 就得全盘检查链接，这点很多人上线前才踩坑。
