1. 程式人生 > >關於HTML框架(frameset)的一些基本用法

關於HTML框架(frameset)的一些基本用法

www. 否則 pan 不同 set標簽 不一定 vue.js 相同 border

frameset

定義

W3C是這樣定義frameset框架的,通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架,並且每個框架都獨立於其他的框架。註意,這是HTML框架,不是前端框架,與node.js,vue.js等不同。

垂直切割

屬性為cols。例如:

<frameset cols="50%,50%">

  <frame src="http://www.baidu.com">

  <frame src="http://www.google.cn">

</frameset>

屬性值的個數就代表視窗的個數,像這裏是兩個數,那麽就有兩個視窗,如果有三個,那麽就有三個視窗。

值得註意的是,百分比數加起來不一定要為100%,假如都是60%,那麽這兩個視窗占的比例相同,當然也可以都為40%,一個40%,一個50%,這樣他們的比例就為4:5。

屬性可以為百分比或者整數,也可以為*,*代表剩余空間。例如:

<frameset cols="80,*">

  <frame src="http://www.baidu.com">

  <frame src="http://www.google.cn">

</frameset>

水平切割

屬性為rows。設置同垂直切割相同。

固定框架尺寸

當設置noresize屬性之後,框架將不能調整尺寸。語法為:noresize="noresize",也可以直接寫成noresize。

其他常用屬性

  • border:設置框架的邊框粗細
  • bordercolor:設置框架的邊框顏色
  • frameborder:設置是否顯示框架邊框,屬性值只有0和1。0為不顯示邊框,1為顯示邊框。
  • framespacing:設置框架與框架間保留的空白距離。
  • bordercolor:設置框架的顏色。可以在frameset標簽中設置,表示所有視窗邊框的顏色,也可以在frame中設置,單獨為視窗設置邊框顏色。

註意事項

  1. 不能將body標簽和frameset標簽同時使用,否則frameset標簽會失效。
  2. noframes標簽用於當瀏覽器不支持框架時使用,一般都會添加。語法為:
    <noframes>
    <body>您的瀏覽器無法處理框架</body>
    </noframes>
      

關於HTML框架(frameset)的一些基本用法