**说明：**浏览器会从第一个source开始依次读取能显示的（原因是有的浏览器不支持部分图片格式）,通常最后还会放一个img标签做备用
图片热点
map
- name：用来关联img标签，对应的img标签中的属性是usemap，例如
area
-
alt：不显示或错误的时候的提示
-
href：链接的地址
-
shape：表示图形，例如：rect（矩形），circle（圆形），poly（多边形）
-
coords：坐标集合
音视频
视频元素标签，影片，带字幕的音频
-
src：引用的文件
-
width：宽度
-
height：高度
-
poster：封面显示，默认显示的一张图片
-
preload：是否事先加载视频，none不用，metadata加载原数据，auto需要预先加载
-
autoplay：是否自动播放
-
loop：是否同步播放
-
muted：是否静音
-
controls：表示是否显示控制条，就是播放，暂停，进度条这些控件
-
crossorigin
跟img一样，里面可以放不同的soucre针对不同的浏览器支持的不同格式的文件
另外，可以放字幕，标签是track，它有以下属性
-
kind：字幕的类型，主要有subtitles（常用，翻译的字母）,captions（常用，同步的翻译）,descriptions,chapters,metadata
-
src：字幕的地址
-
srclang：字幕的语言
-
label：字幕的标签
-
default：是否是默认的字幕，有多个字幕是只有一个
音频
跟视频的属性基本相同
iframe
标签，插入另一个页面，广告基本就是插入另一个页面实现的，这个标签表示内嵌的一个浏览上下文，也就是将另一个html文件嵌入到当前页面
它的属性有：
-
src：地址
-
width：宽度
-
height：高度
-
name：当前浏览环境的名称
另外，也可以使用srcdoc属性，直接嵌入一个页面的内容
但是，因为通常嵌入的内容安全性不确定，所以就有了另外一个属性：sandbox，对应的属性值有：
- 空值：表示最严格书属性值，不允许下面所有的操作
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）
最后
前端校招精编面试解析大全点击这里即可获取完整版pdf查看
里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**
如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）
最后
前端校招精编面试解析大全点击这里即可获取完整版pdf查看
