HTML超链接核心是标签和href属性，href必须正确填写绝对路径、相对路径或锚点；target="_blank"须配rel="noopener"防安全漏洞；链接文字应具语义性以保障可访问性与SEO。
HTML 中创建超链接，核心就靠 <a></a> 标签和 href 属性，其他都是可选修饰 —— 不写 href，点不动；写错值（比如漏了 http:// 或路径斜杠），链接就 404 或跳转到错误位置。
href 值写什么：绝对路径、相对路径、页面内锚点的区别
链接能不能点开，80% 取决于 href 写对没写对。不是所有网址都要加 https://，也不是所有文件路径都从根目录开始写。
- 外部网站必须带协议：
href="https://example.com"（不加https://会被当成当前站下的子路径） - 同站页面用相对路径更安全：
href="about.html"（当前目录）、href="pages/contact.html"（子目录）、href="../index.html"（上级目录） - 页面内跳转用
#+id：href="#section2"对应<div id="section2"></div>，注意id值不能含空格或特殊符号 - 空链接或占位用
href="#"，但会滚回顶部；真不需要跳转，建议用href="javascript:void(0)"或改用<button></button>
target="_blank" 的安全坑：不加 rel="noopener" 会出问题
加 target="_blank" 能在新标签页打开链接，但默认行为会让新页面能通过 window.opener 访问原页面 —— 这是真实的安全漏洞，尤其当链接指向不可信域名时。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 必须配对使用：
target="_blank" rel="noopener"（Chrome/Firefox 安全必需） - 如果还要支持旧版 Safari，加
rel="noopener noreferrer"，noreferrer会隐藏Referer头 -
rel="nofollow"是 SEO 用的，和安全无关，别混淆
链接文字内容与 aria-label：可访问性不是“锦上添花”
屏幕阅读器靠链接文字判断去哪，<a href="report.pdf">点击下载</a> 这种写法等于告诉用户“点一个动作”，而不是“下什么”。搜索引擎也按这个理解页面结构。
立即学习“前端免费学习笔记（深入）”；
- 优先写明确语义的文字：
<a href="q3-report.pdf">2024 年第三季度财务报告（PDF）</a> - 图标链接必须补文字或
aria-label：<a href="/rss" aria-label="订阅 RSS"><svg>...</svg></a> - 避免纯
<img alt="HTML中如何创建超链接_HTML创建超链接属性详解【链接教程】" >套链接却不加alt——alt=""表示装饰图，alt="GitHub 仓库"才算有效信息
最常被忽略的是路径层级混乱导致的 404，和 target="_blank" 没配 rel="noopener" 引发的跨页控制风险。这两个点不检查，链接就算能点，也不算真正“可用”。
