首頁 > web前端 > html教學 > html frameset標籤怎麼用? html frameset標籤屬性詳解

html frameset標籤怎麼用? html frameset標籤屬性詳解

寻∝梦
發布: 2018-08-17 13:41:10
原創
5193 人瀏覽過

html frameset標籤怎麼用? html frameset標籤屬性詳解,本篇文章主要講述了html frameset標籤的定義和用法,還有html frameset標籤兩個屬性的用途(附實例)

#首先讓我們來認識一下什麼是html frameset標籤:

html frameset標籤的定義與用法:

#frameset 元素可定義一個框架集。它被用來組織多個視窗(框架)。每個框架存有獨立的文檔。在最簡單的應用中,frameset 元素只會規定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性。

html frameset標籤的作用:

其作用是指定一個框架集,用於組織多個框架和巢狀框架集。

FRAMESET 元素是 FRAME 元素的容器。 HTML 文件可包含 FRAMESET 元素或 BODY 元素之一,而不能同時包含兩者。

如果使用者在框架中開啟了 Web 資料夾後點擊了 Web 資料夾中的內容,那麼被點擊的檔案或資料夾將取代整個視窗。例如,假設頁麵包含兩個框架,一個框架指向 網址第二個框架指向網路磁碟機。如果使用者按一下第二個框架中的檔案或資料夾,該框架將活動整個視窗的控制,包括第一個框架。對於瀏覽器無法處理的文件類型,如 *.txt 文件,將會開啟對應的應用程式視窗。

儘管 Web 資料夾是檔案系統層次的一部分,但是該技術並不總是表示檔案系統中的實際內容。一個典型的例子就是網路鄰居。

html frameset標籤的使用範圍:

此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的腳本中可用。

注意:不能與

標籤一起使用 標籤。不過,如果需要為不支援框架的瀏覽器加上 標籤,請務必在<noframes> 標籤內緊跟著標籤對,然後才可以使用我們熟悉的任何標籤。 <p><strong>HTML <frameset> 標籤實例:</frameset></strong></p> <p>#簡單的三框架頁面:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;html&gt; &lt;frameset cols=&quot;25%,50%,25%&quot;&gt; &lt;frame src=&quot;frame_a.htm&quot; /&gt; &lt;frame src=&quot;frame_b.htm&quot; /&gt; &lt;frame src=&quot;frame_c.htm&quot; /&gt; &lt;/frameset&gt; &lt;/html&gt;</pre><div class="contentsignin">登入後複製</div></div><p><strong>html frameset標籤的提示和註解: </strong></p><p>提示:需要注意的是,瀏覽器允許使用者手動地為單一框架文件的行或列重新確定大小,並因此改變每個框架在框架顯示中各自佔據的相對比例,除非你明確地告訴瀏覽器不要這樣做。為了防止這種情況,可以在 <frame> 標籤中使用 noresize 屬性。 </p><p>註解:如果您希望驗證某個包含框架的頁面,請確保 DTD 被設定為 "Frameset DTD"。閱讀更多有關 XHTML 驗證的內容。 </p><p>重要:您不能與 <frameset></frameset> 標籤一起使用 <body></body> 標籤。不過,如果您需要為不支援框架的瀏覽器添加一個 <noframes> 標籤,請務必將此標籤放置在 <body></body> 標籤中! </p><p>html frameset標籤的可選屬性:</p><p><img src="https://img.php.cn//upload/image/223/354/882/1534468985971134.png" title="1534468985971134.png" alt="html frameset標籤怎麼用? html frameset標籤屬性詳解"/></p><p><strong>#html frameset標籤的標準屬性:</strong></p><p>id, class, title, style</p><p><strong>HTML <frameset> 標籤的cols 屬性和rows 屬性</strong></p><p><strong>html frameset標籤的作用和用法:</strong></p><p><frameset> 標籤有一個必需的屬性:要么是rows,要么是cols,這取決於您的選擇,它們定義了文件視窗中框架或嵌套的框架集的行或列的大小及數目。 </p><p>這兩個屬性都接受用引號括起來並用逗號分開的值列表,這些數值指定了框架的絕對(像素點)或相對(百分比或其餘空間)寬度(對列而言),或絕對或相對高度(對行而言)。這些屬性值的數目決定了瀏覽器將在文件視窗中顯示多少行或列的框架。 </p><p>與表格一樣,瀏覽器在顯示時會盡可能接近給定的框架集尺寸。但是,瀏覽器不會為了能夠容納下超出邊緣的框架集而擴展文件視窗的邊界,也不會在指定的框架沒有填滿整個視窗時用空白區域來填滿視窗。相反,瀏覽器會根據一個框架在行和列中相對於其他框架的大小來分配空間,這樣就能夠填滿整個文件視窗了。 (注意到一個主框架文件中沒有滾動條了嗎?)</p><p>下面是三個實例:</p><p><strong>實例1</strong></p><p>下面的程式碼將建立3 行框架:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset rows=&quot;150,300,150&quot;&gt;</pre><div class="contentsignin">登入後複製</div></div><p>其中的每行都貫穿整個文件視窗。第一和最後一個框架被設為 150 像素高,第二行設定成 300 像素高。 </p><p>实际上,除非浏览器窗口正好是 600 像素高,否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。</p><p><strong>实例2</strong></p><p>用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。</p><p>例如,下面这个示例与刚才那个示例的效果相同:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset rows=&quot;25%,50%,25%&quot;&gt;</pre><div class="contentsignin">登入後複製</div></div><p>当然,如果这些百分比加起来不是 100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。</p><p><strong>实例3</strong></p><p>如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。</p><p>例如,当浏览器遇到下列框架标签时:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset cols=&quot;100, *&quot;&gt;</pre><div class="contentsignin">登入後複製</div></div><p>上面的例子会生成一个宽为固定的 100 像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。</p> <p>【相关推荐】</p> <p><a href="http://www.php.cn/div-tutorial-408459.html" target="_blank" title="HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?">HTML </a></p> <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?<br><p><a href="http://www.php.cn/div-tutorial-408527.html" target="_blank" title="html textarea是什么意思?如何获取textarea标签中的换行符和空格?">html textarea是什么意思?如何获取textarea标签中的换行符和空格?</a><br></p> <p><br></p> </fieldset>

以上是html frameset標籤怎麼用? html frameset標籤屬性詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板