h5新增标签以及视频音频的导入

最新推荐文章于 2024-04-16 17:51:19 发布

m0_56305452

最新推荐文章于 2024-04-16 17:51:19 发布

阅读量409

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/m0_56305452/article/details/119189606

版权

本文介绍了HTML5中新增的标签，如header、footer、nav等，并详细讲解了视频和音频的导入方式及属性设置，包括controls、autoplay等。此外，还提到了文本和盒子的阴影效果以及CSS浏览器前缀的知识。

摘要由CSDN通过智能技术生成

一、h5新增加的标签：

header 头部标签

footer 尾部标签

nav 导航区域

section 内容区域

article 文章

aside 辅助信息

hgroup 标题组

figure 类似于dl dt dd figcaption标题

mark 高亮显示（搜索 str+f搜索内容时显示）

dialog 对话框（需要结合open才能使用）

画布：canvas

二、h5中视频的导入

1、<video src="视频的地址"></video>

属性：controls 显示控件

autoplay 自动播放（只在IE浏览器中可用）

loop 循环播放

preload="auto"预备加载

poster=""定义视频播放的第一帧

2、

<video controls>
    <source src="视频的地址"></source>
    <source src="视频的地址"></source>
    ...
</video>

可以连接多个视频，浏览器将对第一个可识别的视频格式进行播放。

三、音频的导入

属性：controls 显示控件

autoplay 自动播放(已不被兼容)

loop

关注