前端基礎-HTML框架
- 2020 年 4 月 7 日
- 筆記
框架
框架示意圖 |
---|
|
在同一個瀏覽器上顯示多個多個框架。在每一個框架中放了一個頁面。
1.使用的標籤
<frameset>
:框架集,rows屬性設置框架分幾行顯示,cols屬性用來設置框架分幾列顯示,rows和cols盡量不要同時設置(因為不能及時辨別每個位置的頁面)
<frame>
:框架,src屬性用來引入要顯示的頁面
注意:框架頁面中不能有body標籤,可以將body標籤<noframes></noframes>
標籤中。noframes標籤是當瀏覽器不支援框架的時候顯示其中的內容。
案例1:
案例1圖示 |
---|
|
案例2:
案例2圖示 |
---|
|
2.框架嵌套
框架嵌套示意圖 |
---|
|
3.框架中跳轉
框架中跳轉示意圖 |
---|
|
|
4.內嵌框架
就是在頁面中嵌套的框架
<iframe src="http://www.baidu.com" width="500" height="200" marginwidth="0" marginheight="0" frameborder="0"></iframe>
內嵌框架示意圖 |
---|
|
多學一招:
- src:內嵌框架中存放的頁面
- width和height:內嵌框架的寬度和高度
- marginwidth:內嵌框架中的頁面距離內嵌框架的寬度
- marginheight:內嵌框架中的頁面距離內嵌框架的高度
- frameborder:內嵌框架邊框
內嵌框架屬性示意圖 |
---|
|