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>