html 中图像标签的使用常识

1. 简介

• 当前文档的图像元素,仅仅是外部图片资源的占位符,只有解析时才会加载进来
• 所以, 在确保用户可以看清的情况下, 图片体积越小越好, 以提升加载速度
• 推荐使用可压缩的jpg格式, 小图片,或需要背景透明的,推荐使用png格式
• 对于简单的动图,或者颜色要求较少的,可使用gif格式
• 对于图标, 建议使用 css 字体图标,而不是使用图像图标

2. 常用标签

元素	描述
<img>	图片元素,空元素(单标签)
<figure>	图片/插图区域
<figcaption>	图片/插图区域的标题

3. <img>常用属性

属性	描述
src	图片来源地址, 可以是本地, 也可以是来自网络
alt	图片描述信息,当图片无法显示时, 显示该信息, 也可以为无障碍阅读器所识别
title	鼠标悬停时显示的文本信息, 通常与 alt 属性一致
width/height	图片尺寸, 宽高只需设置一个,另一个会等比缩放, 推荐使用 css 设置