图片、SVG 与音视频容器 | 星雨笔录

区分图片、SVG 与多媒体展示容器的职责。

核心: img 用于普通图片,内联 svg 用于矢量图;多媒体资源可放进语义容器。

最小示例:

<figure>
  <svg width="50" height="50"><circle cx="25" cy="25" r="20" fill="orange"/></svg>
  <figcaption>一个圆形矢量图</figcaption>
</figure>

学完能做: 区分图片、SVG 与多媒体展示容器的职责。