Iframe內(nèi)聯(lián)框架
iframe是HTML標(biāo)簽,它可以把一個網(wǎng)頁的框架和內(nèi)容,嵌入在現(xiàn)有的網(wǎng)頁中,也就是說,我們可以在自己的網(wǎng)頁中加載別人的網(wǎng)站,當(dāng)然,iframe標(biāo)簽的一些屬性也是我們在使用iframe時所需要了解的,幫助我們更好的使用它?!就扑]:HTML視頻教程】
用法以及屬性
用法:
在頁面中直接使用iframe標(biāo)簽
<iframe src="" frameborder="0"></iframe>
屬性:
- src:引入頁面的地址
- framedorder:是否顯示邊框,屬性值有yes和no,yes表示顯示邊框,no表示不顯示
- name:框架標(biāo)識名
- scrolling:是否出現(xiàn)滾動條,屬性值有yes,no,auto。yes是顯示滾動條,而no表示不顯示滾動條。auto是自動適應(yīng)窗口的大小。
- width:定義iframe寬度,可以用px來調(diào)整,也可以用百分比%
- hight:定義iframe高度,,可以用px來調(diào)整,也可以用百分比%
- noresize:是否允許調(diào)整框架窗口的大小
- algin:根據(jù)周圍元素對齊的方式
接下來來看看它是如何使用的吧。
1.在頁面直接使用嵌套
```html <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto"> </iframe>
2.與a標(biāo)簽結(jié)合使用
<p><a href="http://www.baidu.com" target="right-frame">百度</a></p> <p><a href="http://qq.com" target="right-frame">騰訊</a></p> <iframe src="http://qq.com" name="right-frame" width="400px" height="300px"> </iframe>
此時點百度這個超鏈接可以跳轉(zhuǎn)頁面
這兩個頁面可以實現(xiàn)簡單的跳轉(zhuǎn)了。