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