<img>（注意：没有闭合标签），常用属性有以下
-src：图片的引用地址
-alt：图片不能显示的时候显示的内容
-width：图片的宽度
-height：图片的高度
-srcset：根据分辨率显示不同的图片，以宽度描述的话以w结尾，以像素密度描述的话以x结尾，和size共同使用
-sizes：做一个响应式
例如（宽度描述）：
<img sec=".../img.png" srcset=".../res/xxxx256.png 1280w,../res/xxx512.png 1680w" sizes="(max-width:1080px) 128px,256px">
因设置了srcset属性，先判断浏览器的宽度，打到1280则加载xxx256.png,如果打到1680则加载xxx512.png，然后判断浏览器宽度，如果宽度小于等于1080px则显示128px的宽度，如果大于1080px则显示256px
还有以下常用属性：
-usemap:热点
-ismap：布尔属性，判断这个图片是否是服务器map的一部分，如果要用这个属性，必须将图片嵌套在a标签中使用
-referrerpolicy：指获取图片时采用哪种策略
-crossorigin：是否要使用cross方式完成图像的抓取
-longdesc：浏览器支持度不好
响应式
<picture>，是容器，可以将图片放在这个容器里
<source>
<pciture>
<source type="image/webp" srcset="/res/xxx.webp">
<source type="image/png" srcset="/res/xxx.png">
<img src="../img/xxx.png" alt="">
</picture>
浏览器会从第一个source开始依次读取能显示的（原因是有的浏览器不支持部分图片格式）,通常最后还会放一个img标签做备用
图片热点
map
-name：用来关联img标签，对应的img标签中的属性是usemap，举例
<img usemap="#img">
<map name="img">
</map>
area
-alt：不显示或错误的时候的提示
-href：链接的地址
-shape：表示图形，例如：rect（矩形），circle（圆形），poly（多边形）
-coords：坐标集合
例如:
<area shape="rect" coords="50,50,100,100"></area>,这个表示一个矩形，坐标是左上角（50，50）到右下角（100，100）
其他属性和超链接属性相同
音视频
<video></video>视频，影片，带字幕的音频
-src：引用的文件
-width：宽度
-height：高度
-poster：封面显示，默认显示的一张图片
-preload：是否事先加载视频，none不用，metadata加载原数据，auto需要预先加载
-autoplay：是否自动播放
-loop：是否同步播放
-muted：是否静音
-controls：表示是否显示控制条，就是播放，暂停，进度条这些控件
-crossorigin
跟img一样，里面可以放不同的soucre针对不同的浏览器支持的不同格式的文件
<video>
<soucre src="../img/xxxx.mp4" />
<soucre src="../img/xxxx.pgg" />
</video>
另外，可以放字幕
track
-kind：字幕的类型，主要有subtitles（常用，翻译的字母）,captions（常用，同步的翻译）,descriptions,chapters,metadata
-src：字幕的地址
-srclang：字幕的语言
-label：字幕的标签
-default：是否是默认的字幕，有多个字幕是只有一个
示例：
<video>
<soucre src="../img/xxxx.mp4" />
<soucre src="../img/xxxx.pgg" />
<trcak kind="subtitles" src="../" srclang="en" label="English">
<trcak kind="subtitles" src="../" srclang="cn" label="中文">
</video>
音频
<audio>跟视频的属性基本相同