Markdown 图片

最后更新:2026-10-14

图片 CommonMark 核心

图片语法和链接几乎一样,只多一个感叹号前缀:![替代文字](图片地址)。替代文字在图片加载失败时显示,也是无障碍和 SEO 的关键,建议认真写。

所属分组基础·块级
规范层级CommonMark 核心
规范版本CommonMark 0.31.2 + GFM

📝 语法

![替代文字](/images/photo.png "可选标题")

▶ 在线示例

在左侧编辑 Markdown,右侧实时看效果

💡 要点

💡 提示 外站图片受防盗链和下线影响,重要图片建议下载后自托管。
ℹ️ 说明 本站相对路径图片注意语种子目录层级,建议以 / 开头的站点根路径。

❓ 常见问题

Q 能控制图片大小吗?
A 纯 Markdown 不能;用 HTML <img width> 或 CSS 类。
Q 能给图片套链接吗?
A 嵌套即可:[![替代文字](图片)](链接地址)。
Q 替代文字应该写成什么样?
A 描述图片内容和作用,简短具体;纯装饰图可留空 alt=""。

📚 相关条目

链接CommonMark 核心
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏