HTML基础 H5标签

HTML基础 H5标签

video标签

用于播放视频

<video src=".webm" autoplay=“autoplay” controls=“controls” poster="相对地址" muted=“muted”>  
<!--webm是网页专用的视频播放类型-->
<!--属性-->
<!--默认是不自动播放autoplay控制是否自动播放-->
<!--controls:是否显示控制条-->
<!--poster:用于在播放之前显示一张占位图-->
<!--loop:循环播放-->
<!--preload:预加载，将视频加载到本地，与autoplay相冲-->
<!--muted:静音-->
<!--宽高，只推荐设置一个-->

video的第二种格式

<!--video的第二种格式-->
<video>
    <source src="" type="video/webm"></source>
    <source src="" type="video/mp4"></source>
    <source src="" type="video/ogg"></source>
</video>
<!--为了解决浏览器对视频格式不兼容的问题，将一个视频的不同格式都放上,推荐使用-->

audio标签

用于播放音频
与video类似，也有两种写法；写法也与video一样
属性除了height/width/poster其他与video一样；

详情和概要标签

主要解决空间问题
利用summary标签来描述概要信息，利用details标签来描述详情信息，
默认情况下是折叠展示，想看见详情必须点击小箭头展开详情信息

<details>
<summary>概要</summary>
详情</details>

marquee跑马灯

不是官方推荐的标签，但是各大浏览器厂商都支持的很好
属性：默认从右往左移动
direction:设置滚动方向left/right/up/down;
scrollamount:设置滚定速度值越大越快;
loop:设置滚动速度默认为-1(无限);
behavior:设置滚动类型slide(滚动到边界就停止)/alternate(滚动到边界就弹回);
也可以让所有内容滚动，例如图片

<marquee>内容</marquee>

字符实体

在HTML中对空格、回车、tab不敏感，都是当做一个空格

   定义一个空格
<  定义一个小于号
>  定义一个大于号
© 定义一个版权符号©