必须写<a>开始标签和</a>结束标签，中间放可点击文字；href属性不可少且值须合法（如https://example.com或about.html），漏闭合标签或href错误是链接失效主因；target="_blank"必须配rel="noopener noreferrer"防安全风险；锚点跳转要求id与#严格匹配、大小写敏感；邮件、电话、下载链接需用对应协议前缀。
怎么用 <a> 标签加第一个链接
必须写 <a> 开始，</a> 结束，中间放可点击的文字；href 属性不能少，值要是合法地址——比如 https://example.com 或 about.html。漏掉闭合标签或拼错 href 是新手最常导致链接不生效的原因。
-
href值为空、写成href="http//"（少冒号）或href="www.example.com"（缺协议）都会让链接失效 - 链接文本别只写“点击这里”，换成“联系我们”“查看产品”更清晰
- 如果目标是当前目录下的
register.html，就直接写href="register.html"，不用加./
想在新标签页打开，target="_blank" 为什么必须配 rel="noopener noreferrer"
只加 target="_blank" 会让新页面能通过 window.opener 访问原页面，存在安全风险——恶意站点可能篡改你原来的页面。浏览器控制台会报 Unsafe usage of target="_blank" 警告。
- 正确写法只有这一种：
<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部链接</a> -
rel="noopener"切断window.opener引用，noreferrer还能阻止 Referer 信息泄露 - 别写成
rel="noopener"单独一个，也别漏掉引号或空格
页面内跳转用锚点，id 和 # 怎么配对
锚点不是“随便加个 name 属性就行”，HTML5 只认 id；href 里写 #xxx，目标元素就得有 id="xxx"，名字必须完全一致、大小写敏感、不能含空格或中文。
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
- 目标位置示例：
<h2 id="faq">常见问题</h2> - 对应链接写法：
<a href="#faq">跳转到常见问题</a> - 跨页锚点要带路径：
href="help.html#faq"，确保help.html文件存在且该id确实在里面 - 用开发者工具检查元素时，若
id重复或拼错，点击链接会静默失败，无任何提示
邮件、电话、下载链接这些特殊 href 怎么写
这类链接不走 HTTP 协议，而是用特定前缀触发系统应用——但写错格式就变成死链，用户点了没反应。
立即学习“前端免费学习笔记（深入）”；
- 发邮件：
<a href="mailto:support@example.com?subject=咨询&body=您好！">联系客服</a>；注意subject和body用&连接，不是& - 拨电话：
<a href="tel:+8613800138000">拨打热线</a>；国际号码建议加+和国家码 - 强制下载文件：
<a href="manual.pdf" download="用户手册.pdf">下载PDF</a>；download属性在跨域链接下会被忽略
真正容易被忽略的不是语法本身，而是路径是否真实存在、id 是否唯一、以及 rel="noopener noreferrer" 这种安全属性是否被当成“可选”而省略——它们不出错时看不见，一出就是线上问题。
