媒体元素,结构元素

1.视频:

语法:

<video src="视频文件路径"  controls="controls"></video>

controls为控件属性(播放、暂停、音量控制、下载等),属性还可以添加width/height等

注意:

由于各个浏览器所支持的视频格式会有差异,所以需要引入source属性

例:

<video controls>

<source src="xxxxx.webm"/>

<source src="xxxxx.mp4"/>

您的浏览器不支持video(提示语句)

</video>


另外:

设置autoplay属性后,不需要与用户进行任何交互,就可以让视频文件加载完成后自动播放,所以大部分用户对这个功能很反感,要慎用


2.音频:

基本语法和视频相同<audio></audio>


3.结构元素:

<header></header>

标记头部区域的内容

<section></section>

一般用于网页主体内容

<footer></footer>

标记脚部区域的内容

article

独立的文章内容

aside

相关内容或应用(常用于侧边栏)

nav

导航类辅助内容


4.  iframe框架:

应用场景:

主要作用是使页面的部分内容用框架实现,一般用于在页面中引用站外的页面内容。

语法:

<iframe sre="引用页面地址" name="框架标识名" ...></iframe>

使用示例:

(1)在被打开的框架上加name属性

<iframe name="mainFrame" src="subFrame/the_second.html"/>

(2)在超链接上设置target目标窗口属性为希望实现的框架窗口名

<a href="subFrame/the_second.html" target="mainFrame" >...</a>




猜你喜欢

转载自blog.csdn.net/qq1043002305/article/details/79948777