首頁  >  文章  >  web前端  >  HTML 框架

HTML 框架

王林
王林原創
2024-09-04 16:15:29447瀏覽

Html 框架可用於將網頁或網頁瀏覽器分割成多個部分;他們將各個部分分開,然後以不同的方式載入。

A 框架顯示獨立於其容器的內容。多個框架形成一個集合,稱為框架集。這種排列可以被認為類似於表格中行和列的方向。 HTML5 中已棄用框架標籤。

每一幀都有一個幀標籤來表示。在 HTML 文件中,水平框架由框架標籤的行屬性定義,垂直屬性由框架標籤的列屬性定義。一幀中的相同視窗可能會顯示靜態橫幅、第二個導航選單等。

框架語法

在 HTML 中, 沒有結束標記。標籤。當我們在網頁中使用框架時,我們使用

。標籤而不是 標籤。使用是我們指示網頁將其劃分為框架的方式。標籤定義哪個 HTML 文件應作為框架開啟。

屬性 cols 的值以像素為單位,它們有助於指定框架集中列的數量和大小。

<cols ="10%,80%,10%">

類似地,正如我們在上面看到的,屬性行採用以像素為單位的值,它們有助於指定框架集中的行數和大小。

<rows ="10%,80%,10%">

但是,應該注意的是,標籤在 HTML5 中已棄用,不再使用。

HTML 中不同類型的框架

框架的用途之一始終是在一個框架中載入導覽欄,然後將主頁載入到一個單獨的框架中。 A-frame 標籤定義

中的一個視窗框架。

支援 Chrome、Internet Explorer、Mozilla、Safari 和 Opera Mini 等瀏覽器。

框架中不同的、一些常用的屬性有border、scrolling、src、name等屬性

框架標籤的類型

以下是不同類型的框架標籤:

標籤屬性

有五個重要屬性,我們在這裡討論它們:

1。 Col: col 屬性給出垂直框架。然而,寬度可以透過 4 種方式指定:

  • 像素:絕對值可以用像素來表示。如果我們必須建立三個垂直框架,我們可以給出值:cols=”100,50,100”。
  • 百分比:可以提及瀏覽器視窗的百分比。如果我們必須建立三個垂直框架,我們可以給出值:cols=”40%,20%,40%。」

我們也可以在這裡使用通配符(*),讓通配符佔據視窗的剩餘部分,這仍然沒有提到。

cols=”30%,*,30%”

HTML 框架

輸出:

HTML 框架

2。 Rows: row 屬性給出水平框架。它指定框架集中的行。如果我們必須建立三個水平框架,我們使用:

例如:行=”10%,80%,10%'。

我們也可以設定每行的高度,就像我們之前在列的情況下所做的那樣。

HTML 框架

輸出:

HTML 框架

3。 Border:指定每個影格邊框的寬度(以像素為單位)。

例如, border=”4”。如果border=”0”,則表示沒有邊框。

4。 Frameborder: 如果框架之間需要顯示三維邊框,那麼我們就使用這個屬性。此屬性所採用的值為 1 或 0(是或否)。

例如:frameborder=”0”表示無邊框。

5。 Framespacing: 此屬性指定框架集中框架之間的空間量。可以在此處為此屬性給出任何整數值。

例如,framespacing=”12”表示幀與幀之間應該有12個像素的間距。

;標籤屬性

本節可以列出 8 個屬性。

1。 src: 我們為此屬性提供檔名,該屬性應該載入到框架中。該屬性的值可以是任意 URL。

例如: src= www.facebook.com

2。 name: 此屬性為框架提供名稱。它定義文檔應載入到哪個框架中。如果一個框架中有多個連結載入到另一個框架中,我們將使用此屬性。然後第二個框架需要一個名稱來識別自己作為連結的目標。

例如, name=”abc.htm。」

3。 frameborder: 此屬性用於顯示是否顯示邊框。取值為1或0(是或否)。

4。 marginwidth: 此屬性有助於指定框架左右邊框之間的空間寬度以及框架的內容。該值以像素為單位給出。

例如, marginwidth=”10”。

5。 marginheight: 此屬性有助於指定框架邊框頂部和底部之間的空間高度以及框架的內容。該值以像素為單位給出。

例如, marginheight=”10”。

6。 noresize: 此屬性基本上會阻止使用者對已存在的訊框進行任何變更。如果沒有此屬性,任何框架都可以調整大小。

例如, noresize=”noresize。」

7。 scrolling: 此屬性控制框架上出現的捲軸的外觀。值可以是「是」、「否」或「自動」。

例如,滾動=「否」表示它不應該有捲軸。

8。 longdesc: 此屬性允許您提供指向另一個頁面的鏈接,其中包含框架內容的詳細描述。

例如, longdesc=”framedesc.htm.”

框架和瀏覽器支援

舊瀏覽器不支援框架,則元素應該顯示給使用者。

在實踐中,

元素應放置在 內元素,因為 <frameset>元素應該替換 元素。如果瀏覽器無法理解<frameset>元素然後它理解 的內容<noframes> 中包含的元素元素。 <p>對於使用舊瀏覽器的使用者來說,在這種情況下發布訊息是一個很好的方法。諸如“對不起!您的瀏覽器不支援框架。”通知。 </p> <h3>結論</h3> <p>現在很多瀏覽器都不支援框架技術。人們經常注意到,對於較小的設備,網頁內容無法正確顯示。無論如何,了解現有的知識是件好事,這樣就可以發展出更好的模型來相容於新技術。 </p>

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:HTML 表單元素下一篇:HTML 表單元素