直接用 <img> 标签插入已生成的二维码图片即可，HTML表格仅作静态容器，不提供扫描功能；需确保图片尺寸合适、留白充足、对比度高，并通过二维码内容（如带协议的URL）决定扫码后行为。
直接用 <img> 标签插入二维码图片就行
HTML 表格本身不提供“扫描功能”，它只是静态容器。所谓“单元格扫描”，实际是把生成好的二维码图片塞进 <td> 或 <th> 里，由用户用手机扫码软件识别——浏览器不会主动调起摄像头或解析二维码。
常见错误是试图用 JavaScript 在表格里“动态生成并实时扫描”，结果发现页面没反应。原因很简单：<table> 不具备扫码能力，扫码行为完全发生在客户端设备上，和 HTML 结构无关。
- 二维码必须是已生成的图片（
.png、.jpg或 base64 data URL） - 推荐用服务端生成（如 Python 的
qrcode库）或在线工具导出，再以<img src="xxx.png">嵌入 - 避免直接在 HTML 里写超长 base64 字符串，影响可读性和加载性能
确保二维码在单元格里清晰可扫的关键设置
小尺寸二维码在表格中容易糊掉、边缘被裁切，导致扫码失败。这不是代码逻辑问题，而是渲染细节问题。
重点不是“怎么放”，而是“怎么放得清楚”：
立即学习“前端免费学习笔记（深入）”；
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 给
<img>设置明确宽高，比如width="120" height="120"，别依赖默认缩放 - 用 CSS 控制
<td>内边距：padding: 8px，避免二维码贴边被截 - 禁用图片拉伸变形：加
style="image-rendering: pixelated;"（对低分辨率码有帮助） - 背景别用深色，二维码通常是黑底白图，深色背景会降低对比度
如果真要“扫码后跳转”，得靠外部扫码器配合
二维码内容决定扫码后的动作。例如，你往图片里塞的是 https://example.com?id=123，用户扫完自然打开这个链接；如果是 tel:+8613800138000，就会唤起拨号界面。
注意几个易错点：
- URL 必须带协议（
https://），否则部分扫码器识别为纯文本 - 中文参数要
encodeURIComponent()编码，否则扫码后乱码或截断 - 不要指望浏览器自动识别二维码内容并执行 JS —— 没有 API 能让网页主动读取用户刚扫的码
- 想实现“扫码登录”之类交互？那需要后端配合：二维码带唯一 token，扫码后用户访问该 URL，服务端校验并通知网页状态
移动端表格里二维码太小？优先改布局，别硬撑
在响应式表格中，<td> 宽度可能被压缩到 50px 以下，此时哪怕 width="120" 也会被强制缩小，导致无法识别。
真实项目中更有效的做法是：
- 放弃在窄列放二维码，改用“点击展开”模式：单元格只放文字“查看二维码”，点击后弹出 modal 显示大图
- 用
@media单独给移动设备设置更大的<td>最小宽度：min-width: 140px - 考虑换结构：用
<div>布局替代表格，尤其当每行只需展示少量字段时
二维码不是装饰元素，它是功能入口。放不清、扫不出，比不放还糟。
