首页 > 编程知识 正文

html5新增标签有哪些,html5新增的语义标签及作用

时间:2023-05-05 06:53:13 阅读:8846 作者:1985

文章目录一、HTML5新语义化标签二、新多媒体标签1 .音频标签:2.视频标签:3.总结

另一方面,在HTML5中追加语义化标签而追加的语义化标签有以下种类。

头标记nav :导航标记article :内容标记section :定义文档所在区域的aside :侧栏标记footer :尾标记

表现形式如图所示。

注意:

这一语义化标准在这些主要面向搜索引擎的新标记页面上多次可用。 虽然需要将这些元素转换为块级元素,但移动端喜欢使用这些标记HTML5,并添加了许多其他标记。 稍后慢慢学习

二、新增多媒体标签1 .音频标签:书写语法:

audio src='文件地址' controls='controls'/audio担心浏览器不支持格式。 另外,也可以用以下写法。

audio controls=' controls ' source src='文件地址. MP3 ' type=' audio/mpeg ' source src='文件地址. ogg ' type='

如果显示autoplay:“autoplay”,或者在音频准备就绪后立即显示控制:“controls”,则特性和值向用户显示控制。 例如,如果显示播放按钮loop:“loop”,则每次音频结束时重新开始播放SRC

视频src='文件地址'控制='控制' /视频担心浏览器不支持格式。 另外,也可以用以下写法。

视频控制='控制' source src='文件地址. ogg ' type='视频/ogg ' source src='文件地址. MP4 ' type=' vidio

特性和值已准备好播放autoplay:“autoplay”视频。 “谷歌浏览器需要添加muted才能解决自动播放问题。 ”controls:“controls”向用户显示播放控件width:“pixels”设置播放器宽度height:“pixels”。播放完360“loop”后,此视频规定是否预加载preload :“自动(无)”循环播放视频(如果有自动则忽略此属性) src:“url”视频url地址poster :“lmml” 播放3 .总结音频和视频标签使用方法的浏览器可以向支持不同谷歌浏览器自动播放音频和视频的视频标签中添加muted属性,以静音播放视频。 音频做不到。 可以用JavaScript解决。 视频标签是一个关键点,它通常不使用控制控件就设置自动播放,然后循环设置大小属性

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。