C5、多媒体标签

C5、多媒体标签

一、video标签

1. <video src=""> </video>

2. autoplay="autoplay" 自动播放

3. controls="controls" 是否需要显示控制条

4. poster="" 占位图片，视频没有播放前的图片

5. loop:循环播放，用于广告视频

6. preload：预加载视频，与autoplay相冲突

7. muted：静音

8. width：宽

9. height：高

二、video另外格式

<video>
    <source src="" type></source>//为了解决兼容性问题
    <source src="" type></source>//浏览器不支持格式自动向下查询
</video>
//html5 可以使用media插件来管理视频

三、audio标签

1. 播放音频

2. 格式一：

   • <audio src=""></audio>

3. 格式二：<audio> <source>src="" type=""</source> <source>src="" type=""</source> </audio>

四、详情和概要标签

1. 什么是详情和概要标签：利用summery来描述概要信息，利用details标签来描述详细信息

2. 格式

   <details>
       <summary>概要</summary>
       xxxxtest
   </details>

五、marquee标签

1. marquee非W3C推荐标签，但是各大浏览器支持非常好

2. 作用：做跑马灯效果，滚动

3. 格式：

<marquee>随便写点内容</marquee>

4.属性

• direction 控制滚动方向

• scrollamount 设置内容滚动速度

• loop 滚动次数，默认-1 无限滚动

• behavior "slide"不滚出边界,"alternate" 来回滚

• 可以使用图片滚动

六、HTML被废弃的标签

1. 原因：HTML是用来添加语义的，搞样式的HTML会被废弃

2. 已经废弃：

   font、<hr>、b、u、i、s

3. 不使用废弃的标签，一定要使用话只能CSS当钩子使用，给文字添加图标

4. 替代标签：

   • strong = b 定义重要性强调文字

   • ins（inseted） = u 定义插入文字

   • em（emphasized） = i 定义强调的文字

   • del（deleted） = s 定义被删除的文字

五、字符实体

1. 表示文字字符在HTML中表示

2. 包括空格/回车/tab 当作一个空格处理

3. 字符实体：

   • 空格

   • 小于(less than)/大于(greater than)

   • 版权符号