多媒体相关标签
学思创
217
<img>：定义图像，用于渲染图片；一个空标签，意味着它没有结束标签
| 属性 | 值 | 描述 |
| alt | text | 用于提供图像的替代文本（在图像无法加载或无法显示时，以文本形式替代显示的内容） |
| src | URL | 要显示的图像的 URL |
| align | top、bottom、middle、left、right | 规定如何根据周围的文本来对齐图像 |
| border | pixels像素值（eg:2px） | 设置图像周围的边框 |
| width | pixels像素值（eg:200px） | 设置图像的宽度 |
| height | pixels像素值（eg:200px） | 设置图像的高度 |
| ismap | URL | 把图像定义为服务器端的图像映射 |
| usemap | URL | 允许在一个图像上定义多个可点击的区域，每个区域可以链接到不同的URL或执行其他操作 |
如果<img>设置了usemap属性，则需要<map>与<area>定义图片映射及映射的区域
<map>：定义图像映射，图像映射是带有可点击区域的图像。
<area>：定义图像映射中的区域；一个空标签，意味着它没有结束标签
| 属性 | 描述 |
| alt | 提供区域的替代文本 |
| coords | 定义可点击区域的坐标 |
| shape | 定义区域的形状，可选值：rect（矩形）、circle（圆形）、ploy（多边形），默认值为rect |
| href | 定义此区域的目标 URL |
| hreflang | 规定目标 URL 的基准语言 |
| media | 指定目标 URL 所引用的媒体类型，默认值：all |
| ping | 由空格分隔的 URL 列表，当用户点击该链接时，这些 URL 会获得通知，仅在 href 属性存在时使用 |
| rel | 规定当前文档与目标 URL 之间的关系，仅在 href 属性存在时使用 |
| target | 指定链接的打开方式，属性值_self（默认值，当前页面窗口）、_blank（新窗口）、_top（顶层框架）、_parent（父级框架） |
| type | 规定目标 URL 的 MIME 类型 |
<area>的属性与<a>的同名属性一致
<img>支持常见图片格式：jpeg（.jpeg、.jpg）gif（.gif）png（.png）bmp（.bmp）svg（.svg）webp（.webp）ico（.ico）等
<figure>：用于表示文档中的独立内容，如图片、图表、照片、代码示例等。它通常与<figcaption>一起使用，为图像或独立内容提供一个标题或说明。
<figcaption>：用于为<figure>元素提供标题或说明。它提供了一个描述图片、图表、公式或其他图像内容的方式，通常会在页面上独立显示。
<audio>：定义声音，用于播放声音，比如音乐或其他音频流
| 属性 | 值 | 描述 |
| autoplay | true | false | 用于在页面加载时自动播放音频文件。当设置autoplay属性为true时，音频文件将在页面加载后自动开始播放 |
| controls | true | false | 用于向用户显示音频播放器的控件，包括播放/暂停按钮、音量控制等。当设置controls属性为true时，浏览器会显示默认的音频控制器界面，包括播放/暂停按钮、音量控制滑块、时间刻度等 |
| src | URL | 用于指定音频文件的URL |
| crossorigin | anonymous | use-credentials | 用于控制跨域音频媒体资源加载的安全策略属性。anonymous：指定一个匿名CORS策略，这意味着音频媒体资源将使用HTTP头中的Access-Control-Allow-Origin来指定允许加载的域。如果该头未设置或设置为*，则表示允许从任何域加载 |
| preload | auto | metadata | none | 用于在页面加载时预加载音频文件，以便在音频需要播放时能够立即开始播放，而不需要等待加载完成。auto：自动预加载整个音频文件；metadata：仅预加载音频的元数据；none：不预加载音频文件 |
| loop | true | false | 用于设置音频的循环播放。当设置loop属性为true时，音频文件会循环播放，直到被手动停止或重新加载 |
| muted | true | false | 用于设置音频的默认静音状态。当设置muted属性为true时，音频文件在加载时默认静音，即不会播放任何声音 |
<audio>通常支持以下常见音频格式：
- MP3（.mp3）：MP3是一种常见的音频压缩格式，广泛用于存储和播放音乐。
- WAV（.wav）：WAV是一种无损音频格式，适用于高质量的音频存储和播放。
- OGG（.ogg）：OGG是一种自由、开放的音频容器格式，提供高音质的音频压缩。
- AAC（.aac）：AAC是一种高质量的音频编码格式，广泛用于音乐和视频文件。
- FLAC（.flac）：FLAC是一种无损音频格式，提供了高质量的音频压缩。
<video>：用于播放视频或视频流，以及带有字幕的音频文件
| 属性 | 值 | 描述 |
| autoplay | true | false | 用于在页面加载时自动播放视频文件。当设置autoplay属性为true时，视频文件将在页面加载后自动开始播放 |
| controls | true | false | 用于向用户显示视频播放器的控件，包括播放/暂停按钮、音量控制、播放速度调节等。当设置controls属性为true时，浏览器会显示默认的视频控制器界面，包括播放/暂停按钮、音量控制滑块、播放速度调节滑块等 |
| src | URL | 用于指定视频文件的URL |
| crossorigin | anonymous | use-credentials | 用于控制跨域音频媒体资源加载的安全策略属性。anonymous：指定一个匿名CORS策略，这意味着音频媒体资源将使用HTTP头中的Access-Control-Allow-Origin来指定允许加载的域。如果该头未设置或设置为*，则表示允许从任何域加载 |
| preload | auto | metadata | none | 用于在页面加载时预加载视频文件。auto：在页面加载时自动加载整个视频文件；metadata：仅加载视频的元数据（如时长、分辨率等）；none：不预加载视频文件 |
| loop | true | false | 用于设置视频的循环播放 |
| muted | true | false | 用于设置视频的默认静音状态。当设置muted属性为true时，视频文件在加载时默认静音，即不会播放任何声音 |
| playsinline | true | false | 用于指定视频是否在页面内联播放。当设置playsinline属性为true时，视频将以内联元素的形式播放，而不会全屏播放 |
| width | pixels像素值（eg:200px） | 用户设置视频的宽度 |
| height | pixels像素值（eg:200px） | 用户设置视频的高度 |
| poster | URL | 用于指定在视频加载完成之前显示的图片，也称为视频封面。当视频文件尚未加载完成或用户选择不加载视频时，将显示该图片 |
<video>通常支持以下常见视频格式：
- MP4（.mp4）：MP4是一种常见的视频容器格式，广泛用于存储和传输视频文件（编码格式包括H.264（AVC）、H.265（HEVC）等）
- WebM（.webm）：WebM是一种开放的多媒体容器格式，支持视频和音频流，适用于网络上的高质量视频播放（码格式包括VP8、VP9等）
- Ogg（.ogv）：Ogg是一种自由、开放的多媒体容器格式，包括视频和音频流（编码格式包括Theora、Vorbis等）
