正在加载...
HTML SVG
SVG 可缩放矢量图。可内联或文件引用。
直接回答
内联 <svg> 或 <img src="icon.svg" alt="…">。
Tiny inline SVG circle
html
HTML Code
<svg width="80" height="80" viewBox="0 0 80 80" role="img" aria-label="Green circle">
<circle cx="40" cy="40" r="32" fill="#2a7"></circle>
</svg>SVG as an image file
html
HTML Code
<img src="images/logo.svg" alt="Site logo" width="120">试一试
- 粘贴圆
- 改尺寸仍清晰
- img 加载 .svg
- alt/aria-label
常见错误
- 无无障碍名
- 内联过大
小结
- 矢量缩放
- inline/img
- 有意义标注
- 图标插画
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
3
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部