HTML多媒体嵌入高级用法专题测试
- 响应式多媒体嵌入：CSS自适应技术、aspect-ratio属性、推入式iframe嵌入
- 无障碍多媒体嵌入：WebVTT字幕格式、track元素、音频描述与隐藏字幕
- HTML5视频标签高级属性：preload策略、autoplay限制、事件监听、buffered属性
- HTML5音频标签与Web Audio API：audio属性、AudioContext集成、音频处理节点
- iframe高级用法：sandbox安全属性、postMessage跨域通信、懒加载优化
- object与embed嵌入对象：PDF嵌入、MIME类型声明、备用内容策略
- SVG与Canvas嵌入：渲染模式差异、DOM操作能力、WebGL支持、嵌入方式选择
试卷习题（22 题）
参考答案在文末关于HTML5 audio元素与Web Audio API的集成使用，以下说法正确的是？
关于HTML5视频的加载和网络状态控制，以下说法正确的是？
关于响应式视频和响应式图片的实现差异，以下说法正确的是？
关于<object>元素的属性，以下说法正确的是？
关于Canvas元素的渲染上下文类型，以下说法正确的是？
关于视频无障碍中"音频描述"(Audio Description)和"隐藏字幕"(Closed Captions)的区别，以下说法正确的是？
关于iframe的性能优化和懒加载，以下说法正确的是？
关于iframe的安全属性配置，以下哪些说法是正确的？（多选）
关于SVG和Canvas的技术特性对比，以下哪些说法是正确的？（多选）
关于HTML中嵌入外部内容的<object>和<embed>元素，以下哪些说法是正确的？（多选）
关于HTML5 <video>元素的属性和API，以下哪些说法是正确的？（多选）
以下哪些技术可以实现响应式视频嵌入？（多选）
关于HTML5 <audio>元素，以下哪些说法是正确的？（多选）
为视频内容提供无障碍支持，以下哪些做法是正确的？（多选）
HTML5 <audio>元素有几个常用布尔属性：用于显示播放控件，用于自动播放，用于静音，loop用于循环播放。
使用<object>元素嵌入PDF文件时，属性指定PDF文件的URL路径，属性设置为application/pdf声明内容类型，和height属性设置显示区域的尺寸。当浏览器无法显示PDF时，object元素内部的内容会作为备用显示。
iframe与父页面之间的跨域通信可以使用方法。该方法属于window对象，调用时需要传递消息内容和目标源的参数。接收消息时，父页面需要监听事件，通过事件的data属性获取消息内容。
实现响应式iframe嵌入时，常使用"推入式"技术。该技术的核心是：将iframe包裹在一个设置了position: 的容器中，容器通过padding-bottom或aspect-ratio设置宽高比，然后将iframe设置为position: 、width: 和height: 100%，使其填满整个容器。
HTML5 video元素提供了丰富的事件和JavaScript API。要检测视频是否可以播放（已缓冲足够数据），应监听事件；要检测视频播放位置变化，应监听事件；要检测视频播放结束，应监听事件；要检测视频因网络原因暂停缓冲，应监听waiting事件。
SVG可以通过多种方式嵌入HTML页面。内联SVG直接写在HTML中，每个元素都是节点，可以通过样式化和JavaScript交互。使用<img>标签引用外部SVG文件时，SVG内部结构对HTML是隔离的，无法通过或JavaScript操作SVG内部元素。使用<object>或iframe嵌入SVG时，可以通过JavaScript获取SVG文档对象进行操作。
WebVTT(Web Video Text Tracks)是HTML5视频字幕的标准格式。WebVTT文件必须以WEBVTT标识开头，时间戳格式为HH:MM:SS.mmm --> HH:MM:SS.mmm，其中表示时间段指向。要为字幕添加样式，可以在时间戳后使用、和size等提示设置字幕位置和对齐方式。
请详细对比SVG和Canvas两种图形技术的核心差异，并说明各自的适用场景。在选择使用哪种技术时，需要考虑哪些关键因素？
