雪碧图（CSS Sprite）
定义：
雪碧图，又称CSS Sprite或CSS精灵，是一种CSS图像合并技术。该技术将多个小图标和背景图像合并到一张大图上，然后通过CSS的背景定位来显示需要展示的图片部分。
特点：
- 节省资源：通过整合多张图片为一张大图，减少网页的HTTP请求数量，从而节省服务器资源，提高网页加载速度。
- 提高加载速度：由于减少了HTTP请求，网页的加载时间得以缩短，用户体验得到提升。
- 方便管理：所有相关图片都整合在一张大图上，方便进行统一管理和维护。
难点：
- 预先确定图标大小：在使用雪碧图前，需要预先确定每个小图标的大小。
- 注意间距：需要细心设置小图标与小图标之间的距离，以防止在显示时出现重叠或错位。
文件格式：
通常保存为PNG-24的文件格式，因为这种格式可以减少毛边，并设计出丰富多彩的颜色体表。
归纳：
雪碧图是一种高效的图片合并技术，它通过整合网页中的多个小图标和背景图像，减少HTTP请求数量，提高网页加载速度，并方便图片的管理和维护。
WebVTT（Web Video Text Tracks）
定义：
WebVTT是一种用于标记文本轨道的文件格式，它与HTML5 <track> 元素结合使用，为视频或音频媒体提供字幕、标题和其他描述信息。
特点：
- 轻量级：WebVTT文件是一个简单的文本文件，以UTF-8编码，并以.vtt为文件扩展名。
- 增强可访问性：通过为媒体资源添加字幕和描述信息，WebVTT使得媒体内容更加容易访问，特别是对于那些有听觉障碍的观众或不熟悉特定语言的观众。
- 同步显示：WebVTT文件中的文本轨道与媒体资源的播放时间同步显示。
文件结构：
- 可选的BOM头（BYTE ORDER MARK）。
- 字符串"WEBVTT"，右侧可以有可选文本标题，后必须至少有一个空格。
- 一个空行（相当于两个连续的换行符）。
- 零个或多个cue（可以理解为字幕条）或备注。
- 零个或多个空行。
MIME类型：
WebVTT文件的MIME类型为text/vtt。
归纳：
WebVTT是一种轻量级的文本文件格式，用于为视频或音频媒体提供字幕、标题和其他描述信息。通过结合HTML5 <track> 元素使用，WebVTT能够增强媒体内容的可访问性，并为观众提供更好的观看体验。
