html frame標籤怎麼使用？ frame標籤的用法介紹（附實例）

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

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

標籤定義frameset 中的一個特定的視窗（框架）。

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

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

重要事項：您不能與

標籤一起使用標籤。不過，如果您需要為不支援框架的瀏覽器添加標籤，請務必將此標籤放置在標籤中！ <p><strong>再來看看屬性的介紹：</strong></p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" class="lazy" 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:php;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:php;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:php;toolbar:false;'>&lt;Iframe src=&quot;http://www.php.cn&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="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" class="lazy" title="1535613482285845.png" alt="html frame標籤怎麼使用？ frame標籤的用法介紹（附實例）"></p> <p>#以上就是這篇文章的全部內容介紹了HTML frame標籤的使用方法。有問題的可以在下方提問。 </p> <p>【小編推薦】</p> <p><a href="http://www.php.cn/html5-tutorial-409228.html" target="_blank">html5 header標籤是什麼意思？ html5 header標籤的用法詳解（附實例）</a><br></p> <p><a href="http://www.php.cn/div-tutorial-409226.html" target="_blank">html p標籤是單一標籤嗎？ html p標籤的使用方法介紹（內附實例）</a><br></p>

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