图片不显示主因是本地双击打开时浏览器拒绝加载file://协议路径，须用本地服务器（如python3 -m http.server）或绝对url；src路径必须有效，禁用file:///等本地绝对路径。
图片插入后不显示：检查 src 路径和协议
本地文件路径（如 ./images/logo.png）在双击打开 HTML 文件时可能因浏览器安全策略被拒绝加载，尤其 Chrome 会报 Not allowed to load local resource。必须用相对路径配合本地服务器，或改用绝对 URL。
实操建议：
- 开发阶段用
python3 -m http.server 8000启动本地服务，再访问http://localhost:8000/index.html - 确保
src值是有效路径或 URL，比如<img src="https://example.com/photo.jpg?x-oss-process=image/resize,p_40" alt="示例图"> - 避免写成
src="file:///C:/.../photo.jpg"—— 这在多数现代浏览器中会失效
超链接跳转失败：注意 href 的值和目标上下文
常见现象是点击链接没反应，或打开空白页。原因常是 href 写成了变量名、拼写错误，或用了未定义的锚点。
实操建议：
-
href必须是字符串，不要漏引号：@#@#@#@#@#@#@#@#@#@0，而非@#@#@#@#@#@#@#@#@#@1对应<h2 id="section2">第二节</h2> - 新开标签页加
target="_blank"，但务必加rel="noopener"防安全风险：@#@#@#@#@#@#@#@#@#@2
图片+链接嵌套：避免语义混乱和可访问性问题
把 <img> 直接包进 @#@#@#@#@#@#@#@#@#@3
alt=""，除非图片纯装饰且父元素已说明用途（此时更推荐 CSS 背景图）javascript:void(0) 做伪链接；真需要交互，用 button + JS 更合理编辑器粘贴图片时自动转 base64：谨慎用于生产环境
很多可视化 HTML 编辑器（如 TinyMCE、CKEditor）默认把拖入的图片转成 data:image/png;base64,...。这会让 HTML 文件体积暴涨，无法缓存，且不利于协作维护。
实操建议：
- 开发阶段可接受 base64 快速预览，上线前务必替换为真实路径
- 检查编辑器配置项，例如 TinyMCE 的
images_upload_url可指定上传接口，让图片存服务器并返回 URL - 若必须用 base64，注意长度限制：IE 不支持超 32KB 的 data URL
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
