媒体元素,结构元素

原创 2018年04月15日 14:01:29

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>




HTML5新增的主体结构元素和非主体结构元素

记录自己学习的点点滴滴。—-前(潜)行 主体元素 1、article元素 article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的...
  • u014799068
  • u014799068
  • 2016-01-28 17:10:23
  • 872

HTML5之结构元素

1:文档结构元素       1.1 文章语义 --  article、header和footer元素           article元素在页面中用来表示结构完整且独立的内容部分,如论坛的一个...
  • woshisap
  • woshisap
  • 2012-04-07 14:27:01
  • 3065

HTML5中新增主体结构元素与非主体结构元素解析

HTML5中新增主体结构元素与非主体结构元素解析,给出相对定义,并对section与article的区别与应用方向进行解析。...
  • Wiz2014
  • Wiz2014
  • 2015-11-06 09:46:10
  • 1245

OpenCV中Mat结构图像元素的获取

参考文章:
  • jeakon
  • jeakon
  • 2014-05-12 16:59:34
  • 1302

html5结构性元素及级块性元素的作用

一、结构性元素 (一)section:用于对网站或应用程序中页面上的内容进行分区。一个section元素通常由内容及其标题组成。 (二)header:页面主题上的头部。 (三)footer:页面的底部...
  • liu_lxy
  • liu_lxy
  • 2017-03-19 22:54:58
  • 236

HTML5 新增结构标签(元素)

本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素...
  • u010427666
  • u010427666
  • 2016-10-16 23:38:03
  • 609

HTML5 使用结构元素进行网页布局

使用结构元素进行网页布局 .main{ width: 1000px; margin: 40px auto; } .main nav{ width: 1000px; h...
  • LQSLM
  • LQSLM
  • 2017-03-07 17:55:34
  • 373

HTML5 新增的结构元素——能用并不代表对了

做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬。忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素。html...
  • mangogjh
  • mangogjh
  • 2014-11-01 15:29:08
  • 410

OpenCV中的结构元素IplConvKernel及操作

在OpenCV中,定义了一个结构用于描述形态学中的结构元素。该结构定义如下:typedef struct _IplConvKernel{    int  nCols;    int  nRows;  ...
  • yeqiu712
  • yeqiu712
  • 2011-05-03 20:46:00
  • 9495

HTML5实战与剖析之媒体元素(2、媒体元素的属性)

提到HTML5中的媒体元素,那咱们可有的聊了,刚刚介绍完媒体元素的用法与简介,还没介绍有关媒体元素的相关属性呢,所以今天就为大家介绍一些有关HTML5中媒体元素的相关属性。...
  • LiMengXiaoLong
  • LiMengXiaoLong
  • 2014-04-18 14:31:28
  • 2417
收藏助手
不良信息举报
您举报文章:媒体元素,结构元素
举报原因:
原因补充:

(最多只允许输入30个字)