李南江的前端课程知识点(五)HTML5中新增的标签

本文详细介绍了HTML5中的video和audio标签用于播放视频和音频的使用方法,包括src、autoplay、controls等属性。此外,还提到了details和summary标签用于创建详情展示,以及marquee标签实现跑马灯效果。同时,文章讨论了HTML5中一些被废弃的标签,强调了标签的语义化。最后,简单提及了字符实体在HTML中的应用。
摘要由CSDN通过智能技术生成

video标签

是HTML5中的标志性标签。用于播放视频。
在这里插入图片描述
src:用于告诉video标签需要播放的视频地址。
autoplay:用于告诉video标签是否需要自动播放视频。
controls:是否需要显示控制条。
poster:用于把视频没有播放之前显示一张占位图片。

loop:设置视频循环播放,一般用于广告视频的播放。
preload:预加载视频,注意preload属性和autoplay属性相重,即两个属性都设置的话,preload属性会失效,有效果的是autoplay属性。
muted:设置视频静音。
为了让不同格式的视频在不同的浏览器上兼容进行播放,video还有第二种写法格式。

audio标签

用于播放音频。
用法和video标签类似,具体用法见w3school。

详情和概要标签

利用summary标签来描述概要信息,details标签来描述详情信息,默认情况是折叠展示,想看见详情必须点击来进行详情的展示。

marquee标签

注意点:marquee标签不是w3c推荐使用的标签,在官方文档中无法查询到这个标签,但是各大浏览器对这个标签的支持很好。
作用:做跑马灯效果。

<marquee>suibian</marquee>
<marquee direction="right">suibian</marquee>

direction:设置跑马灯的移动方向。
scrollamount:设置跑马灯的移动速度,值越大则越快。
loop:可以控制滚动的次数,默认是-1,滚动无数次。
behavior:设置滚动的类型。

HTML5中被废弃的标签

为什么有一部分标签会被废弃?
因为当前HTML中的标签只有一个作用,就是用来添加语义,而早期的HTML标签中有一部分是没有语义,一部分标签是用来修改样式的,所以这些标签就应该被淘汰。

字符实体

在HTML中对空格/回车/tab不敏感,会把多个空格/回车/tab当做一个空格来处理。为了解决这个问题,我们就需要用到字符实体这个东西。
什么是字符实体?
在HTML中有的字符是被保留的,是有特殊含义的,不能在浏览器中直接显示出来的。
&nbsp;:空格,表示一个空格。
&lt;:<,小于符号。
&gt;;>,大于符号。
&copy;:版权@符号。

请在文档中进行查询

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值