最简写法是<a href="https://example.com">点我</a>，href为必需属性；缺协议、误用#或""、漏rel="noopener noreferrer"、嵌块级元素、伪类顺序错误等均为常见错误。
怎么用 <a> 标签加链接，最简写法是什么
直接写 <a href="https://example.com">点我</a> 就能生效，这是唯一必需的属性。省略 href 会导致链接不可点击，浏览器也不会给它默认下划线或手型光标。
常见错误是把网址写成 www.example.com（缺协议），结果点开变成当前域名下的相对路径，比如 http://localhost/www.example.com。必须写完整 URL 或用 /path 开头的绝对路径。
-
href值为空字符串""或"#"是无效占位，别这么干 - 想链接到页面内锚点？用
href="#section1"，对应目标元素得有id="section1" - 本地文件链接写
href="doc.pdf"即可，但注意路径要相对于 HTML 文件位置
target 属性什么时候必须加，加了会怎样
默认所有链接都在当前标签页打开，如果希望新窗口打开（比如跳转外部网站不打断用户浏览），必须显式写 target="_blank"。
但只加这个有安全风险：新页面可通过 window.opener 访问原页面，可能被恶意利用。所以实际要用就配齐两个属性：
立即学习“前端免费学习笔记（深入）”；
target="_blank"-
rel="noopener noreferrer"（noreferrer还能防止 referrer 泄露）
漏掉 rel 是线上项目常被审计工具报出的问题，不是“可选”，而是“必须补上”。
链接文字里能嵌其他标签吗，哪些能嵌、哪些不能
可以嵌 <strong>、<em>、<span>、甚至 <img> —— 浏览器允许 <a> 包含“流内容”（flow content），只要不破坏语义结构。
但别嵌 <div>、<p>、<h3> 这类块级元素（HTML5 允许语法上通过，但会破坏可访问性，屏幕阅读器可能读错层级，SEO 也可能降权）。
- 正确：
<a href="/login">请先 <strong>登录</strong></a> - 危险：
<a href="/help"><div>帮助中心</div></a>（视觉可能正常，但语义混乱） - 图片链接：
<a href="/home"><img src="logo.png" alt="首页"></a>，记得加alt
链接样式没反应？检查这三处硬性限制
CSS 能控制链接颜色、下划线、hover 效果，但有默认优先级顺序：a:link → a:visited → a:hover → a:active。如果只写了 a:hover 却没写 a:link，鼠标悬停时颜色可能根本不变。
另外两个容易忽略的点：
- 伪类顺序写反（比如
a:hover a:link）会导致样式不生效 -
text-decoration: none只取消下划线，不影响手型光标；要改光标得额外加cursor: pointer - 父容器设了
pointer-events: none，整个链接区域都会失效，连href都点不动
链接本身没有“禁用”状态，disabled 属性对 <a> 无效，真要禁用得靠 JS 移除 href 或加 pointer-events: none 欺骗用户。
