免費AI編程助手
HTML 框架
HTML 框架
<iframe>標簽規(guī)定一個內(nèi)聯(lián)框架。
一個內(nèi)聯(lián)框架被用來在當前 HTML 文檔中嵌入另一個文檔。
通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。
iframe 語法：
<iframe src="URL"></iframe>
該URL指向不同的網(wǎng)頁，將窗口內(nèi)容顯示為URL地址指向頁面。
Iframe - 設(shè)置高度與寬度
height和width屬性用來定義iframe標簽的高度與寬度。
屬性默認以像素為單位, 但是你可以指定其按比例顯示 (如："80%").
Iframe - 移除邊框
frameborder屬性用于定義iframe表示是否顯示邊框。
設(shè)置屬性值為 "0" 移除iframe的邊框:
使用 iframe 來顯示目錄鏈接頁面
iframe可以顯示一個目標鏈接的頁面
目標鏈接的屬性必須使用iframe的屬性，如下實例：
實例
<p><a href="http://www.o2fo.com" target="iframe_a">W3CSCHOOL.CN</a></p>
嘗試一下 ?
HTML iframe 標簽
| 標簽 | 說明 |
|---|---|
| <iframe> | 定義一個內(nèi)聯(lián)的 iframe |
iframe 標準屬性
| 屬性 | 說明 |
|---|---|
| class
|
規(guī)定元素的類名（classname）
|
| id | 規(guī)定元素的唯一 id
|
| style | 規(guī)定元素的行內(nèi)樣式（inline style）
|
| title | 規(guī)定元素的額外信息（可在工具提示中顯示） |
HTML <frameset>標簽 - HTML5 不支持
<frameset>標簽在一個頁面中設(shè)置一個或多個框架，用<frameset></frameset>代替了<body></body>，不能出現(xiàn)在body標簽里。
<frameset> 語法：
<frameset>
<frame src="menu.html">
<frame src="content.html">
</frameset>
frameset- 建立框架的標記，將在其中定義各個框架。frame src- 指示框架顯示內(nèi)容URL地址。
<frameset> - 設(shè)置行列比例
<frameset>標簽中我們使用rows設(shè)置行的占頁面的百分比；cols設(shè)置列的所占百分比。
實例
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
嘗試一下 ?
frameset cols- 確定每個框架列所占百分比。在前面的示例中，我們已經(jīng)確定第一框架將占據(jù)所示區(qū)域的 30％，并且我們使用“*”符號來指示剩余百分比。frameset rows- 確定將顯示的每個框架行所占百分比。在前面的示例中，我們選擇第一框架為 20％，剩下的剩余空間將在menu.html和content.html之間劃分。
<frameset> - 設(shè)置邊框
框架有一些邊框線，大多數(shù)時候都不需要。<frameset>標簽中我們使用frameborder和framespacing屬性可以擦除它們。
注意：
frameset和frameborder是相同的屬性。
實例
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
嘗試一下 ?
frameborder-設(shè)置邊框， 0 值表示沒有邊框border- 修改邊框的粗細（由 Netscape 瀏覽器使用）framespacing- 修改邊框的粗細（由 Internet Explorer 瀏覽器使用）
<frame> - 設(shè)置名字 - HTML5 不支持
<frame>標簽中我們使用name屬性命名每個框架，而不是內(nèi)容頁面。
實例
<frameset rows="20%,*">
<frame name="title" src="title.html">
<frameset cols="30%,*">
<frame name="menu" src="menu.html">
<name="content" src="content.html">
</frameset>
</frameset>
嘗試一下 ?
<frame> - 設(shè)置滾動
<frame>標簽中我們使用noresize設(shè)置禁止用戶拖拉框架大小；scrolling用于設(shè)置滾動條是否顯示。
實例
<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
<frame src="title.html" noresize scrolling="no">
<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
<frame src="menu.html" scrolling="auto" noresize>
<frame src="content.html" scrolling="yes" noresize>
</frameset>
</frameset>
嘗試一下 ?
noresize- 不允許用戶更改其尺寸。scrolling- 設(shè)置滾動條是否顯示。
更多建議：