第 2 课 · 6 / 15 | 编码:L02-09
核心知识

图片与说明

img 嵌入图像;alt 提供替代文本,帮助无法看到图片的用户理解其信息。

  • src 指定图片地址,路径必须与实际文件位置一致;属性值建议用引号包围。
  • alt 按图片用途提供替代文本:信息性图片描述关键信息;纯装饰性图片写 alt="",不是省略属性。
  • img 是空元素,不能包含子内容,也不能写结束标签 </img>
  • 在 HTML 中,末尾的 / 可省略,写了也不表示“关闭标签”。本课统一使用 <img …>;不要把这条规则套用于 XML / XHTML。
  • figurefigcaption 可将图片和可见图注组织为整体;图注与替代文本用途不同。
<figure>
  <img src="images/lab.jpg"
       alt="三名学生在机房调试网页">
  <figcaption>第一次前端实验</figcaption>
</figure>