a标签核心是正确设置href和控制默认行为：href需按file://、服务器根路径、外部协议、锚点或邮件等场景规范书写；开新页须配rel="noopener"防安全风险；禁用状态应用aria-disabled而非移除href。
a 标签不是“用法教程”，它是用来跳转和触发资源加载的，核心就两件事：写对 href，管住浏览器默认行为。
href 值写错，链接直接失效
最常见的不是语法错，而是路径或协议没想清楚。比如本地文件双击打开时，href="api/data.json" 会报 net::ERR_FILE_NOT_FOUND —— 因为 file:// 协议下不支持相对路径访问非同级文件。
- 绝对路径从根开始写：
href="/static/img/logo.png"（适用于服务器环境） - 外部链接必须带协议：
href="https://example.com"，不能只写"example.com" - 页面内锚点用
#开头：href="#section2"，对应目标元素的id="section2" - 邮件链接写成：
href="mailto:support@example.com?subject=Help"，问号后参数要 URL 编码
target="_blank" 不加 rel="noopener" 有安全风险
开新标签页时，如果只写 target="_blank"，新页面可通过 window.opener 访问原页面的 window 对象，可能被恶意页面篡改来源页、发起钓鱼攻击。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 必须配对使用：
rel="noopener"（现代浏览器）或rel="noopener noreferrer"（兼顾旧版统计） -
rel="noreferrer"会隐藏Referer，影响分析工具；rel="noopener"不影响 Referer - 不要用
javascript:void(0)或#当伪链接，该用按钮就用<button>
点击没反应？检查是否被 CSS 或 JS 拦住了
样式里写了 pointer-events: none，或者 JS 给 <a> 加了 preventDefault() 却没后续逻辑，都会让链接“看起来能点，实际不动”。
立即学习“前端免费学习笔记（深入）”；
- 用浏览器开发者工具检查 computed styles，确认
pointer-events是auto - 监听
click事件时，除非明确要拦截，否则别无脑调e.preventDefault() - 禁用状态建议用
aria-disabled="true"+ CSS 灰色样式，而不是删掉href或加onclick="return false"
最常被忽略的是协议和上下文：开发时用 file:// 打开 HTML，所有相对 href 都受限；上线后走 http/https，路径规则就变了。测链接前，先看地址栏协议是什么。
