HTML 中的標籤組合了多個框架並將它們顯示為單一網頁。該文件將包含框架集中包含的所有框架。框架只不過類似於單一視窗或網站。框架集標籤允許我們形成多列或多行，並在它們下麵包含框架。此功能在 HTML 5 之前就可用，對於透過將各種文件組合在一起來一次顯示它們非常有用。每個框架都可以包含其內容；通常，這些是不同的網頁文件，例如 HTML 或圖像。
文法
這裡的起始標籤是
結束。 標籤可以包含一個或多個多幀標籤。每個幀標籤都以
開頭。標籤，屬性名稱為“src”，我們將在其中傳遞框架內容。如前所述，此內容可以是任何類似 Web 文件的內容，例如 HTML 或傳遞圖像。
<frameset cols / rows = ", , , " >
<frame src = "source file name. . . " >
. . . . . .
. . . . . .
<frame src = "source file name. . . " >
</frameset>
登入後複製
這裡，我們有一個包含屬性 cols 或 rows 的起始標籤框架集。通常，這兩個屬性將與框架集標籤一起使用，因為框架集標籤用於組合多個框架。這些標籤只不過是允許形成行或列來定位各種框架。起始標籤後面跟著一個簡單的幀標籤。若要在框架中顯示文件，請在框架標記中使用“src”屬性並將文件名稱作為其值傳遞。我們已經證明，單一幀可以使用點包含多個幀。最後，透過關閉標籤 來關閉框架集標籤。
frameset標籤的屬性
以下是框架集標籤支援的屬性清單：
1。 cols: 此屬性用於定位內部框架。 cols 屬性將框架集分成多列，垂直顯示框架。此屬性還允許設定框架集中每列的寬度。我們可以透過將值傳遞給該屬性來為每個幀設定不同的值。該值可以以百分比、像素或相對長度的形式傳遞。該屬性的預設值為 100%。
2。 rows: 此屬性也類似 cols 屬性。 rows 屬性會將框架集分成多行，框架將一一水平顯示。我們可以透過類似cols屬性的值來設定每一幀的高度。透過同時使用行和列，可以實現預期的結果。該屬性的預設值也是 100%。
3。 border: 此屬性在框架集標籤上使用，用於定義框架集中每個框架的寬度。
4。框架間距： 框架集標籤使用「框架間距」屬性來建立其中框架之間的間隙。
實作 HTML 框架集標籤的範例
下面給出的是 HTML 框架集標籤的範例：
範例#1
它包含多個 Html 文件，因為我們在一個父視窗中使用不同的文件作為框架。
代碼：
主檔：
<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset>
<frame src = "frame1.html" >
</frameset>
</html>
登入後複製
我們有一個名為frame 1 的來源檔案。
frame1.html:
<!DOCTYPE html>
<html>
<head>
<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.15) ;
}
</style>
</head>
<body>
<h2> Example of Frameset tag </h2>
<h1> Frame 1 </h1>
</body>
</html>登入後複製
輸出:
由於我們只有一個文件作為一個框架包含在內，因此頁面將顯示整個frame.html的內容。框架的寬度和高度預設為100%；這就是為什麼單一框架會佔據所有區域。
範例#2
讓我們在範例中再新增一個框架，並使用 cols 屬性按列劃分它並以百分比形式傳遞值。
代碼：
frame2.html:
<!DOCTYPE html>
<html>
<head>
<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.30 ) ;
}
</style>
</head
<body>
<h2> Hello World..! </h2>
<h1> Frame 2 </h1>
</body>
</html>登入後複製
主檔：
<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset cols = "40% , 60 %" >
<frame src = "frame1.html" >
<frame src = "frame2.html" >
</frameset>
</html>
登入後複製
輸出:
在這裡，我們傳遞了兩個幀，並使用 cols 屬性將它們分開，傳遞的值分別為 40% 和 60%。使第一幀的寬度為 40%，第二幀的寬度為 60%。
範例#3
讓我們使用 rows 屬性水平來劃分相同的幀。我們將修改相同的最後一個範例。不同之處在於 rows 屬性將取代 cols 屬性。 rows 屬性也採用與 cols 屬性類似的值。我們可以根據幀數傳遞多個值。
代碼：
主檔：
<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset rows = "50% , 50%" >
<frame src = "frame1.html" >
<frame src = "frame2.html" >
</frameset>
</html>
登入後複製
輸出：
這裡輸出將是兩個水平框架，高度相同為 50%。請注意，此高度將對應於實際的瀏覽器視窗。
結論
我們已經了解了 HTML 中的框架集標籤、其用途以及如何使用它。此標籤旨在在一個顯示視窗上合併和展示多個框架。我們也可以使用可用的屬性定義框架的位置和大小。該標籤自 HTML 5 起已被棄用。
以上是HTML 框架集標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！
