Iframe內聯框架
iframe是HTML標簽,它可以把一個網頁的框架和內容,嵌入在現有的網頁中,也就是說,我們可以在自己的網頁中加載別人的網站,當然,iframe標簽的一些屬性也是我們在使用iframe時所需要了解的,幫助我們更好的使用它。【推薦:HTML視頻教程】
用法以及屬性
用法:
在頁面中直接使用iframe標簽
<iframe src="" frameborder="0"></iframe>
屬性:
- src:引入頁面的地址
- framedorder:是否顯示邊框,屬性值有yes和no,yes表示顯示邊框,no表示不顯示
- name:框架標識名
- scrolling:是否出現滾動條,屬性值有yes,no,auto。yes是顯示滾動條,而no表示不顯示滾動條。auto是自動適應窗口的大小。
- width:定義iframe寬度,可以用px來調整,也可以用百分比%
- hight:定義iframe高度,,可以用px來調整,也可以用百分比%
- noresize:是否允許調整框架窗口的大小
- algin:根據周圍元素對齊的方式
接下來來看看它是如何使用的吧。
1.在頁面直接使用嵌套
```html <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto"> </iframe>
2.與a標簽結合使用
<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>
此時點百度這個超鏈接可以跳轉頁面
這兩個頁面可以實現簡單的跳轉了。