html5嵌入内容_动力节点Java学院整理

2019-01-28 21:35:35于丽

嵌入HTML文档

iframe元素可以在现有的HTML文档中嵌入另一张文档。该元素支持的属性如下:

1)src:在iframe中显示的文档的URL;

2)srcdoc:规定在iframe中显示的页面的HTML内容;

3)name:规定iframe的名称,可以在浏览上下文与其他元素(如a、form、button、input和base)的target属性中使用该名称;

4)width:定义iframe的宽度;

5)height:规定iframe的高度;

6)sandbox:对iframe中的内容的额外限制,支持的值包括:

---"":应用以下所有的限制;

---allow-same-orgin:允许iframe内容被视为与文档其余部分拥有同一个来源;

---allow-top-navigation:允许链接指向顶层的浏览上下文,这样就能用另一个文档替换当前整个文档,或者创建新的标签和窗口; ---allow-top-scripts:启用脚本; ---allow-forms:启用表单。

7)seamless:指示浏览器把iframe的内容显示得像主HTML文档的一个整体组成部分;默认情况下iframe的内容会有一个边框,如果内容比width和height属性所指定的尺寸要大,还会出现一个滚动条。该属性的使用方式如下(该属性大部分浏览器还不支持):

<iframe src="demo_iframe.htm" seamless></iframe>

下面是iframe的一个完整例子:

<header> <h1>Things I like</h1> <nav> <ul> <li><a href="fruits.html" target="myframe">Fruits ILike</a></li> <li><a href="activities.html" target="myframe">Activities ILike</a></li> </ul> </nav> </header> <iframe name="myframe" width="300" height="100"/>

通过插件嵌入内容

object元素和embed元素用于扩展浏览器能力,添加插件支持。

embed元素

embed元素定义嵌入的内容,支持的属性如下:

1)height:设置嵌入内容的高度;

2)src:嵌入内容的URL;

3)type:定义嵌入内容的MIME类型,这样浏览器就知道该如何处理它;

4)width:设置嵌入内容的宽度。

你应用的其它任何属性都会被当作是插件或内容的参数。看下面的例子:

<embed src="http://www.youtube.com/v/qzA60hHca9s?version=3" type="application/x-shockwave-flash" width="560" height="340" allowfullscreen="true"/>

上面使用了allowfullscreen属性,用于设置是否启用全屏观看功能。

object元素

object元素也用于定义一个嵌入的对象,比如:图像、音频、视频、PDF、Flash等。object元素的有点是可以包含备用内容,在指定内容不可用时显示出来。