HTML 框架集標籤

HTML 中的標籤組合了多個框架並將它們顯示為單一網頁。該文件將包含框架集中包含的所有框架。框架只不過類似於單一視窗或網站。框架集標籤允許我們形成多列或多行，並在它們下麵包含框架。此功能在 HTML 5 之前就可用，對於透過將各種文件組合在一起來一次顯示它們非常有用。每個框架都可以包含其內容；通常，這些是不同的網頁文件，例如 HTML 或圖像。

文法

這裡的起始標籤是

;並以結束標記作為 結束。 標籤可以包含一個或多個多幀標籤。每個幀標籤都以 開頭。標籤，屬性名稱為“src”，我們將在其中傳遞框架內容。如前所述，此內容可以是任何類似 Web 文件的內容，例如 HTML 或傳遞圖像。

<frameset cols rows=", , , ">
<frame src="source%20file%20name.%20.%20.%20">
. . . . . .
. . . . . .
<frame src="source%20file%20name.%20.%20.%20">
</frameset>

這裡，我們有一個包含屬性 cols 或 rows 的起始標籤框架集。通常，這兩個屬性將與框架集標籤一起使用，因為框架集標籤用於組合多個框架。這些標籤只不過是允許形成行或列來定位各種框架。起始標籤後面跟著一個簡單的幀標籤。若要在框架中顯示文件，請在框架標記中使用“src”屬性並將文件名稱作為其值傳遞。我們已經證明，單一幀可以使用點包含多個幀。最後，透過關閉標籤 來關閉框架集標籤。

frameset標籤的屬性

以下是框架集標籤支援的屬性清單：

1。 cols: 此屬性用於定位內部框架。 cols 屬性將框架集分成多列，垂直顯示框架。此屬性還允許設定框架集中每列的寬度。我們可以透過將值傳遞給該屬性來為每個幀設定不同的值。該值可以以百分比、像素或相對長度的形式傳遞。該屬性的預設值為 100%。

2。 rows: 此屬性也類似 cols 屬性。 rows 屬性會將框架集分成多行，框架將一一水平顯示。我們可以透過類似cols屬性的值來設定每一幀的高度。透過同時使用行和列，可以實現預期的結果。該屬性的預設值也是 100%。

3。 border: 此屬性在框架集標籤上使用，用於定義框架集中每個框架的寬度。

4。框架間距： 框架集標籤使用「框架間距」屬性來建立其中框架之間的間隙。

實作 HTML 框架集標籤的範例

下面給出的是 HTML 框架集標籤的範例：

範例#1

它包含多個 Html 文件，因為我們在一個父視窗中使用不同的文件作為框架。

代碼：

主檔：

<title> frameset tag in HTML </title>
<style>
</style>

<frameset>
<frame src="frame1.html">
</frameset>

我們有一個名為frame 1 的來源檔案。

frame1.html:

<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.15) ;
}
</style>


<h2 id="Example-of-Frameset-tag"> Example of Frameset tag </h2>
<h1 id="Frame"> Frame 1 </h1>

輸出:

由於我們只有一個文件作為一個框架包含在內，因此頁面將顯示整個frame.html的內容。框架的寬度和高度預設為100%；這就是為什麼單一框架會佔據所有區域。

範例#2

讓我們在範例中再新增一個框架，並使用 cols 屬性按列劃分它並以百分比形式傳遞值。

代碼：

frame2.html:

<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.30 ) ;
}
</style>

<h2 id="Hello-World"> Hello World..! </h2>
<h1 id="Frame"> Frame 2 </h1>

主檔：

<title> frameset tag in HTML </title>
<style>
</style>

<frameset cols="40% , 60 %">
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>

輸出:

在這裡，我們傳遞了兩個幀，並使用 cols 屬性將它們分開，傳遞的值分別為 40% 和 60%。使第一幀的寬度為 40%，第二幀的寬度為 60%。

範例#3

讓我們使用 rows 屬性水平來劃分相同的幀。我們將修改相同的最後一個範例。不同之處在於 rows 屬性將取代 cols 屬性。 rows 屬性也採用與 cols 屬性類似的值。我們可以根據幀數傳遞多個值。

代碼：

主檔：

<title> frameset tag in HTML </title>
<style>
</style>

<frameset rows="50% , 50%">
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>

輸出：

這裡輸出將是兩個水平框架，高度相同為 50%。請注意，此高度將對應於實際的瀏覽器視窗。

結論

我們已經了解了 HTML 中的框架集標籤、其用途以及如何使用它。此標籤旨在在一個顯示視窗上合併和展示多個框架。我們也可以使用可用的屬性定義框架的位置和大小。該標籤自 HTML 5 起已被棄用。

以上是HTML 框架集標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！