前端基礎-HTML框架

框架

框架示意圖

在同一個瀏覽器上顯示多個多個框架。在每一個框架中放了一個頁面。

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>

內嵌框架示意圖

多學一招:

  1. src:內嵌框架中存放的頁面
  2. width和height:內嵌框架的寬度和高度
  3. marginwidth:內嵌框架中的頁面距離內嵌框架的寬度
  4. marginheight:內嵌框架中的頁面距離內嵌框架的高度
  5. frameborder:內嵌框架邊框

內嵌框架屬性示意圖