多媒体标签
初期数据内容:文本数据、图片数据 后期加入:多媒体标签(重点)
视频标签<video>
作用:播放视频
第一种格式:
<video src="">
</video>
video下的标签属性 | 作用 | 备注 |
---|---|---|
scr | 视频来源 | |
autoplay | 自动播放 | |
controls | 显示控制条 | |
poster | 占位封面 | |
loop | 循环播饭 | 一般用语广告视频 |
preload | 预加载视频 | 同时设置autoplay属性,会失效 |
muted | 静音 | |
width&height | 设置宽高 | 和img标签一样 |
第二种格式:
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
第二种格式存在的意义
由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式
ideo标签的第二种格式存在的意义就是为了解决浏览器适配问题. video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放
音频标签<audio>
具体使用与视频标签<video>
类似,只不过有3个属性不能使用。
Height / width / poster
详情和概要标签
作用:利用summary
标签来描述概要信息, 利用details
标签来描述详情信息
默认情况下是折叠展示, 想看见详情必须点击
<details>
<summary>概要信息</summary>
详情信息
</details>
marquee标签
作用: 跑马灯效果
不是官方属性,却被浏览器平台支持
<marquee>内容</marquee>
属性 | 作用 | 备注 |
---|---|---|
direction | 设置滚动方向 | left/right/up/down |
scrollamount | 设 置滚动速度 | 值越大就越快 |
loop | 设置滚动次数 | 默认是-1, 也就是无限滚动 |
behavior | 设置滚动类型 | slide滚动到边界就停止, alternate滚动到边界就弹回 |
注意点
marquee标签不是W3C推荐的标签, 在W3C官方文档中也无法查询这个标签, 但是各大浏览器对这个标签的支持非常好
HTML被废弃的标签
<hr> <font>
<b> <u> <I> <s>
以上标签没有语义,都是用来修改样式
如果一定要使用,一般情况都是用css的钩子来使用
HTML中标签用来添加语义,由于一部分的标签没有语义,只是用来修改样式的标签被CSS代替,而新加入的标签是代替旧标签用来添加语义
的
为了弥补b、u、i、s
标签的不足, W3C推出了一组新的标签, 这些标签在显示上看似和b、u、i、s
没什么区别, 但是在语义上却有重大区别
代替 b、u、i、s
标签的新标签语义
- strong作用: 着重内容
- ins(Inserted)作用: 新插入的文本
- em(Emphasized)作用:强调内容
- del(Deleted)作用: 已删除的文本
字符实体
我们想在页面上输出<h1>
这些字符,但是 HTML 认为这是一个标签, 所以如果需要输出一些特殊的字符需要通过字符实体来 实现
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
| 空格 | |   |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 镑(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 欧元(euro) | € | € |
§ | 小节 | § | § |
© | 版权(copyright) | © | © ; |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |