我们在制作某个页面时,可能希望特定的一部分显示校园全景,就像我们网站一样,在图文并茂之中还能嵌入一个全景。这时候我们可以使用iframe标签。例如下面的用法:
html<iframe>标签
大部分浏览器都支持<iframe>标签,例如ie、firefox(火狐)、chrome(谷歌)、safari(ios自带浏览器)、opera等。
定义和用法:
<iframe>元素会创建包含另外一个文档的内联框架(即行内框架)。
html 与 xhtml 之间的差异:
在 html 4.1 strict dtd 和 xhtml 1.0 strict dtd 中,不支持<iframe>元素。
提示和注释:
提示:您可以把需要的文本放置在之间,这样就可以应对无法理解<iframe>的浏览器。
属性
new : html5 中的新属性。
属性 |
值 |
描述 |
align |
|
不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 |
frameborder |
|
规定是否显示框架周围的边框。 |
height |
|
规定<iframe>的高度。 |
longdesc |
url |
规定一个页面,该页面包含了有关<iframe> 的较长描述。 |
marginheight |
pixels |
定义<iframe>的顶部和底部的边距。 |
marginwidth |
pixels |
定义<iframe> 的左侧和右侧的边距。 |
name |
frame_name |
规定 <iframe> 的名称。 |
sandbox |
|
启用一系列对 <iframe> 中内容的额外限制。 |
scrolling |
|
规定是否在<iframe>中显示滚动条。 |
seamless |
seamless |
规定看上去像是包含文档的一部分。 |
src |
url |
规定在<iframe>中显示的文档的 url。 |
srcdoc |
html_code |
规定在中显示的页面的 html 内容。 |
width |
|
定义<iframe>的宽度。 |
全局属性
<iframe>标签支持 html 中的全局属性。
事件属性
<iframe>标签支持 html 中的事件属性。
720yun iframe代码如下:
<iframe src="http://720yun.com/t/b5525csgcna"frameborder="no" border="0" style="width:1000px;height: 600px;"></iframe>
黄色标记部分替换成自己学校的全景地址,iframe代码放入html页面的div标签中或者表格标签中。
如嵌入后显示异常,请在html页面的head里加入以下代码: