前端HTML5学习2新增多媒体标签,H5的兼容性处理)
- 分清标签和属性
- 新增多媒体标签
- 新增视频标签
- 新增音频标签
- 新增全局属性
- H5的兼容性处理
分清标签和属性
标签(HTML元素)和属性,标签定义了内容的类型或结构,而属性则用于提供有关如何展示或处理这些内容的额外信息。在HTML中,标签是用来包裹内容并定义其类型的,而属性可以用于控制标签的行为或样式。
标签:HTML标签用于定义文档中的各种元素,如段落、标题、图像、视频等。标签通常由尖括号 < > 包围,如
用于定义段落。
属性:属性是标签的附加信息,它们提供了有关如何展现或处理标签内容的额外细节,属性位于标签的起始标签内,并以名称/值对的形式出现,如 src=“image.jpg”。
通过给标签添加属性,咱们可以控制标签的外观、行为和其他方面。
例如:
<img>
标签
属性:
src:指定图像文件的 URL。
alt:定义图像的替代文本,用于屏幕阅读器或无法加载图像时显示。
示例:
<img src="image.jpg" alt="A beautiful sunset">
新增多媒体标签
新增视频标签
video 标签用于在网页中嵌入视频内容。通过 video 标签,您可以向用户展示在线视频,并具有一些可定制的控制选项。
示例
<video src="movie.mp4" width="400" controls muted autoplay loop="1" poster="../HTML-study/欧买噶.jpg" preload="auto"></video>
新增音频标签
audio 标签用于在网页中嵌入音频内容。通过 audio 标签,您可以添加音频文件并控制其播放。
新增全局属性
在CSS中,全局属性是一组适用于所有CSS属性的属性,可以应用于任何CSS规则。