前端面试题库：HTML、CSS 和多媒体标签

"前端面试问题" 根据提供的文件信息，我们可以总结出以下知识点： **HTML相关** 1. 图片格式：JPEG、GIF、PNG 是网络中使用最多的图片格式，其中 JPEG 格式可以把文件压缩到最小，提供 11 级压缩级别。 2. HTML5 新增内容： * 新增语义化标签：使得页面的内容结构化，见名知义。 * 新增表单类型：新增了多种表单类型，例如 email、url、tel 等。 * 新增表单元素：新增了多种表单元素，例如 datalist、keygen 等。 * 新增表单属性：新增了多种表单属性，例如 autofocus、placeholder 等。 * 新增表单事件：新增了多种表单事件，例如 input、change 等。 * 多媒体标签：新增了 video 和 audio 两个多媒体标签。 **CSS 相关** 1. CSS 盒子模型：一个 CSS 盒子从外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。盒子的 width 和 height 属性只是设置 content 的宽和高。 **视频音频标签** 1. 视频标签：<video>，具有多种属性，例如 src、width、height、autoplay、controls、poster、loop、preload、muted 等。 2. 音频标签：<audio>，具有多种属性，例如 src、type 等。 **HTML5 新增语义化标签** 1. <header>：定义了文档的头部区域。 2. <footer>：定义了文档的尾部区域。 3. <nav>：定义了文档的导航区域。 这些知识点都是前端开发中非常重要的概念和技术，了解这些知识点可以帮助开发者更好地理解 HTML、CSS 和 JavaScript 的使用，并提高开发效率和质量。