前端与 HTML5 | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天。

• allowfullscreen,如果设置，<iframe>则可以通过全屏 API设置为全屏模式（稍微超出本文的范围）。

• frameborder,如果设置为 1，则会告诉浏览器在此框架和其他框架之间绘制边框，这是默认行为。0 删除边框。不推荐这样设置，因为在CSS 中可以更好地实现相同的效果。border: none;

• src,该属性与<video>元素表示文档中的图像。<img>一样包含指向要嵌入文档的 URL 路径。

• width和height,这些属性指定你想要的 iframe 的宽度和高度。

• 与<video>等其它类似元素相同，你可以在 <iframe></iframe> 标签之间包含备选内容，如果浏览器不支持 <iframe>，将会显示备选内容，这种情况下，我们已经添加了一个到该页面的链接。现在几乎不可能遇到任何不支持 <iframe> 的浏览器。

• sandbox,该属性需要在已经支持其它 <iframe> 功能（例如 IE 10 及更高版本）但稍微更现代的浏览器上才能工作，该属性可以提高安全性设置；我们将在下一节中更加详细地谈到。

• srcset定义了浏览器可选择的图片设置以及每个图片的大小，每张图片信息的设置和前一个用逗号隔开，每个设置要写：

1. 一个文件名（elva-fairy-480w.jpg）
2. 一个空格
3. 图片的固有宽度（以像素为单位）（480w）。注意，这里使用宽度描述符 w，而非你可能期望的 px。图片的固有宽度 (en-US)是它的真实大小，可以通过检查你电脑上的图片文件找到（例如，在 Mac 上，你可以在 Finder 上选择这个图片，然后按 Cmd + I 来显示信息）。

• <source> 元素中，只可以引用在 type 中声明的文件类型。
  个人学习总结：巩固了HTML基础知识，加强了记忆。