前端HTML5学习2（新增多媒体标签，H5的兼容性处理）

前端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规则。

H5的兼容性处理