HTML 媒体：图片与多媒体
html · beginner · 15-20 min · Step 1/5HTML 图片与媒体
响应式图片
<img
src="photo.jpg"
alt="描述文字（无障碍必须）"
loading="lazy"
width="800"
height="600"
/>
关键属性
| 属性 | 用途 |
|---|---|
alt | 替代文字（SEO + 无障碍） |
loading="lazy" | 延迟加载（性能） |
width/height | 预留空间（防布局抖动） |
srcset | 响应式图片源 |
每个必须有alt，装饰性图片用alt=""。