跳到主要内容

多媒体标签

初期数据内容:文本数据、图片数据 后期加入:多媒体标签(重点)

视频标签<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 认为这是一个标签, 所以如果需要输出一些特殊的字符需要通过字符实体来实现

常用字符实体

显示结果描述实体名称实体编号
 空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号&apos; (IE不支持)&#39;
分(cent)&cent;&#162;
£镑(pound)&pound;&#163;
¥元(yen)&yen;&#165;
欧元(euro)&euro;&#8364;
§小节&sect;&#167;
©版权(copyright)&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;