我们在制作某个页面时，可能希望特定的一部分显示校园全景，就像我们网站一样，在图文并茂之中还能嵌入一个全景。这时候我们可以使用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	left right top middle bottom	不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。
frameborder	1 0	规定是否显示框架周围的边框。
height	pixels %	规定＜iframe＞的高度。
longdesc	URL	规定一个页面，该页面包含了有关＜iframe＞ 的较长描述。
marginheight	pixels	定义＜iframe＞的顶部和底部的边距。
marginwidth	pixels	定义＜iframe＞ 的左侧和右侧的边距。
name	frame_name	规定 ＜iframe＞ 的名称。
sandbox	“” allow-forms allow-same-origin allow-scripts allow-top-navigation	启用一系列对 ＜iframe＞ 中内容的额外限制。
scrolling	yes no auto	规定是否在＜iframe＞中显示滚动条。
seamless	seamless	规定看上去像是包含文档的一部分。
src	URL	规定在＜iframe＞中显示的文档的 URL。
srcdoc	HTML_code	规定在中显示的页面的 HTML 内容。
width	pixels %	定义＜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里加入以下代码：