首頁 > web前端 > html教學 > html frame標籤怎麼使用? frame標籤的用法介紹(附實例)

html frame標籤怎麼使用? frame標籤的用法介紹(附實例)

寻∝梦
發布: 2018-08-30 15:46:44
原創
13810 人瀏覽過

本篇文章主要的介紹了關於html frame標籤的介紹,有frame標籤的定義及屬性介紹,還有重要的html iframe標籤的使用方法介紹。讓我們一起來看這篇文章吧

我們先來看看這篇文章的定義:

標籤定義frameset 中的一個特定的視窗(框架)。

frameset 中的每個框架都可以設定不同的屬性,例如 border、scrolling、noresize 等等。

註解:如果您希望驗證包含框架的頁面,請確保doctype被設定為"Frameset DTD"。閱讀更多有關DOCTYPE的內容。

重要事項:您不能與

標籤一起使用標籤。不過,如果您需要為不支援框架的瀏覽器添加標籤,請務必將此標籤放置在標籤中! <p><strong>再來看看屬性的介紹:</strong></p> <p><img src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" title="1535613295787655.png" alt="html frame標籤怎麼使用? frame標籤的用法介紹(附實例)"></p> <p><strong>#說HTML iframe標籤的用法:</strong></p> <p>iframe是框架的一種形式,也比較常用到,下面是對其在平時常用到屬性的總結</p> <p>下面是一個常規的案例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src=&quot;move-ad.html&quot;&gt; &lt;/iframe&gt;</pre><div class="contentsignin">登入後複製</div></div><p><strong>HTML iframe標籤的案例解釋:</strong></p><p>iframe用於設定文字或圖形的浮動圖文框或容器。 </p><p>border設定圍繞圖文框的邊緣寬度 </p><p>    其中還有快讀高度的設計</p><p>scrolling=no是否有捲軸(YES,NO,AUTO) </p><p>src指定IFRAME調用的檔案或圖片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) </p><p><strong>HTML iframe標記的用法介紹:</strong></p><p>提起iframe,可能你早已將之丟到「被遺忘的角落」了,不過,說起其兄弟Frame就不會陌生了。 frame標記即幀標記,我們所說的多幀結構就是在一個瀏覽器視窗中顯示多個HTML檔案。現在,我們遇到一種很現實的情況:如有一個教程,是一節一節地上,每頁末尾做一個“上一節“、“下一節“的鏈接,除了每節教程內容不同之外,頁面其它部分內容都是相同的,如果一頁一頁地做笨頁面,這似乎太讓人厭煩了,這時突發奇想,如果有一種方法讓頁面其它地方不變,只將教程做成一頁一頁的內容頁,不含其它內容,在點擊上下翻頁鏈接時,只改變教程內容部分,其它保持不變,這樣,一是省時,另則以後如教程有個三長兩短的變動,也很方便,不致於牽一發而動全軍了;更重要的是將那些廣告banner、欄目列表、導航等幾乎每頁的都有的東西只下載一次後就不再下載了。 iframe標記,又叫浮動幀標記,你可以用它將一個HTML文件嵌入在一個HTML中顯示。它不同於Frame標記最大的特徵即這個標記所引用的HTML文件不是與另外的HTML文件相互獨立顯示,而是可以直接嵌入在一個HTML文件中,與這個HTML文件內容相互融合,成為一個整體,另外,還可以多次在一個頁面內顯示同一內容,而不必重複寫內容,一個形象的比喻即“畫中畫“電視。 </p><p><strong>iframe標記的使用格式是: </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe src=&quot;URL&quot; width=&quot;x&quot; height=&quot;x&quot; scrolling=&quot;[option]&quot; frameborder=&quot;x&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">登入後複製</div></div><p>src:文件的路徑,既可是HTML文件,也可以是文字、ASP等; </p><p>width、height:"畫中畫"區域的寬與高; </p><p>scrolling:當SRC的指定的HTML檔案在指定的區域不顯不完時,滾動選項,如果設定為NO,則不出現捲軸;如為Auto:則自動出現捲軸;如為Yes,則顯示; </p><p>FrameBorder:區域邊框的寬度,為了讓「畫中畫「與鄰近的內容相融合,常設定為0。例如: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;Iframe src=&quot;//m.sbmmt.com&quot;;; width=&quot;250&quot; height=&quot;200&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">登入後複製</div></div><p>顯示的效果如圖:</p> <p><img src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" title="1535613482285845.png" alt="html frame標籤怎麼使用? frame標籤的用法介紹(附實例)"></p> <p>#以上就是這篇文章的全部內容介紹了HTML frame標籤的使用方法。有問題的可以在下方提問。 </p> <p>【小編推薦】</p> <p><a href="//m.sbmmt.com/html5-tutorial-409228.html" target="_blank">html5 header標籤是什麼意思? html5 header標籤的用法詳解(附實例)</a><br></p> <p><a href="//m.sbmmt.com/div-tutorial-409226.html" target="_blank">html p標籤是單一標籤嗎? html p標籤的使用方法介紹(內附實例)</a><br></p>

以上是html frame標籤怎麼使用? frame標籤的用法介紹(附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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