我們在制作某個頁面時,可能希望特定的一部分顯示校園全景,就像我們網(wǎng)站一樣,在圖文并茂之中還能嵌入一個全景。這時候我們可以使用iframe標簽。例如下面的用法:
HTML<iframe>標簽
大部分瀏覽器都支持<iframe>標簽,例如IE、Firefox(火狐)、Chrome(谷歌)、Safari(IOS自帶瀏覽器)、Opera等。
定義和用法:
<iframe>元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)。
HTML 與 XHTML 之間的差異:
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持<iframe>元素。
提示和注釋:
提示:您可以把需要的文本放置在之間,這樣就可以應(yīng)對無法理解<iframe>的瀏覽器。
屬性
new : HTML5 中的新屬性。
|
屬性 |
值 |
描述 |
|
align |
|
不贊成使用。請使用樣式代替。 規(guī)定如何根據(jù)周圍的元素來對齊此框架。 |
|
frameborder |
|
規(guī)定是否顯示框架周圍的邊框。 |
|
height |
|
規(guī)定<iframe>的高度。 |
|
longdesc |
URL |
規(guī)定一個頁面,該頁面包含了有關(guān)<iframe> 的較長描述。 |
|
marginheight |
pixels |
定義<iframe>的頂部和底部的邊距。 |
|
marginwidth |
pixels |
定義<iframe> 的左側(cè)和右側(cè)的邊距。 |
|
name |
frame_name |
規(guī)定 <iframe> 的名稱。 |
|
sandbox |
|
啟用一系列對 <iframe> 中內(nèi)容的額外限制。 |
|
scrolling |
|
規(guī)定是否在<iframe>中顯示滾動條。 |
|
seamless |
seamless |
規(guī)定看上去像是包含文檔的一部分。 |
|
src |
URL |
規(guī)定在<iframe>中顯示的文檔的 URL。 |
|
srcdoc |
HTML_code |
規(guī)定在中顯示的頁面的 HTML 內(nèi)容。 |
|
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>
黃色標記部分替換成自己學(xué)校的全景地址,iframe代碼放入html頁面的div標簽中或者表格標簽中。
如嵌入后顯示異常,請在html頁面的head里加入以下代碼:



