day11HTML5、视频音频

一、语义化标签

  1.语义化块标签

section元素 表示页面中的一个内容区块

article元素 表示一块与上下文无关的独立的内容

aside元素 在article之外的，与article内容相关的辅助信息

header元素 表示页面中一个内容区块或整个页面的标题

footer元素 表示页面中一个内容区块或整个页面的脚注

nav元素 表示页面中导航链接部分 main元素 表示页面中的主要的内容 (ie不兼容)

  2.行内语义化标签

<strong>strong</strong>

<em>em</em>

<time>time 2023-3-20</time>

<code> html css </code>

<mark>高亮</mark>---------高亮

  3.语义化标签的好处

1.结构清晰

2.减少代码量

3.方便后期维护

4.利于SEOSOU搜索

5.方便团队合作

二、视频音频播放

  1.视频

    1.格式

     .mp4

     .ogg --------苹果后缀

    .avi

    .movb

    2.标签

<video src=""></video> 

<video controls> 
<source src="videos/c.mp4" type="video/mp4"></source> 
</video>

3.属性

controls-----------播放进度条

muted-------------静音播放

autoplay-----------自动播放

loop---------------循环播放

poster------------预加载图片

2.音频

    1.格式

     .mp3 .ogg .mov .WAV

2.标签

<audio src="videos/a.mp3" controls loop ></audio> 
<audio controls> 
    <source src="videos/a.mp3" ></source> 
</audio>

3.属性

controls-----------播放进度条

loop---------------循环播放

muted-------------静音播放

autoplay-----------自动播放