前端HTML5学习2(新增多媒体标签,H5的兼容性处理)

embedded/2024/10/18 23:24:41/

前端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的兼容性处理

在这里插入图片描述


http://www.ppmy.cn/embedded/20807.html

相关文章

《架构风清扬-Java面试系列第25讲》聊聊ArrayBlockingQueue的特点及使用场景

ArrayBlockingQueue是BlockingQueue接口的一个实现类之一 这个属于基础性问题&#xff0c;老规矩&#xff0c;我们将从使用场景和代码示例来进行讲解 来&#xff0c;思考片刻&#xff0c;给出你的答案 1&#xff0c;使用场景 实现&#xff1a;基于数组实现的有界阻塞队列&…

变频器基础原理

文章目录 0. 基本知识1.三相的电压之和为02.正弦交流相量的相量表示法(相量只是表示正弦量&#xff0c;而不等于正弦量 &#xff1b;只有正弦量才能用相量表示)引入相量表示法目的:一种正弦量的产生方式:正弦量的相量表示&#xff0c;使用欧拉公式表示复数 3.用复数表示正弦量&…

Vue.js 的事件循环(Event Loop)机制

Vue.js 的事件循环&#xff08;Event Loop&#xff09;行为本质上遵循 JavaScript 的标准事件循环机制&#xff0c;这是因为 Vue 是构建在 JavaScript 之上的。不过&#xff0c;Vue 在其数据响应式系统中巧妙地利用了这一机制来实现高效的视图更新。下面简要介绍 Vue.js 中涉及…

Pytorch:Dataset类和DataLoader类

文章目录 一、Dataset 类1、定义2、示例 二、DataLoader 类1、定义2、参数3、示例&#xff1a;使用 DataLoader 三、总结四、实战1、load_data函数&#xff1a;2、IrisDataset类3、DataLoader 的使用 在机器学习和深度学习框架中&#xff0c;尤其是在 PyTorch 中&#xff0c;Da…

数学与机器学习:共舞于智能时代的双璧

随着人工智能的崛起&#xff0c;机器学习作为其核心技术之一&#xff0c;正引领着新一轮的科技革命。而在这场革命中&#xff0c;数学以其深邃的理论和精妙的工具&#xff0c;为机器学习提供了坚实的支撑。数学与机器学习之间的关系&#xff0c;如同琴瑟和鸣&#xff0c;共同编…

如何我现在是本地的文件路径不是http,用html如何打开

--别给我BB 如何我现在是本地的文件架路径不是http&#xff0c;用html如何打开? 答&#xff1a; 如果你想在HTML中打开本地文件路径的视频&#xff0c;可以使用file://协议。假设你的视频文件在本地的路径为/path/to/your/video.mp4&#xff0c;那么你可以将src属性设置为file…

win安装vue并运行 vue-admin-template

1. Node Node.js是一个基于Chrome V8引擎的JavaScript运行时环境&#xff0c;用于构建高性能、可扩展的网络应用程序。它使得开发者能够在服务器端使用JavaScript编程&#xff0c;同时支持事件驱动、非阻塞I/O模型&#xff0c;适用于构建实时应用和高吞吐量的网络服务。 1.1 …

.NET高级面试指南专题二十九【备忘录模式介绍,用于需要撤销操作或在发生错误时恢复对象状态的情况】

备忘录模式是一种行为型设计模式&#xff0c;用于捕获对象的内部状态并在不破坏其封装性的情况下将其保存&#xff0c;以便稍后可以将对象恢复到先前的状态。这种模式通常用于需要撤销操作或在发生错误时恢复对象状态的情况。 原理 备忘录模式包含以下几个关键角色&#xff1a;…