首頁 >web前端 >css教學 >iframe是什麼意思啊?浮動框架iframe詳解

iframe是什麼意思啊?浮動框架iframe詳解

云罗郡主
云罗郡主原創
2018-11-07 14:35:1118333瀏覽

iframe是什麼意思啊?這對於html的小白,似乎不是很明白iframe,為了更好的學習iframe,特地為您講解一下浮動框架iframe。

iframe是什麼意思啊?浮動框架iframe詳解

iframe標籤也叫浮動框架標籤,iframe標籤也是一個比較特殊的框架,可以放在瀏覽器中的小窗口,可以出現在頁面的任何一個位置上,但是整個頁面並且一定在框架頁面上,iframe框架完全是有開發者去定義高度和寬度,在網頁中嵌套另外一個網頁。

iframe語法:

<iframe src="源文件" width="浮动宽" height="浮动高"></iframe>

提醒:在上述程式碼中,必須有一個src,並且來定義原始檔的位址,在一般的結構中,很多瀏覽器都是使用框架進行開發的,我們不需要設定大小,如果是出現在浮動框架中,框架是放在網頁中,所以我們要設定框架的大小,浮動的高度和寬度都是用像素來表示。 【推薦閱讀:使用jquery操作iframe步驟詳解

例如:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="main">
        <h3>php中文网</h3>
        <iframe src="http://www.php.cn/" width="400px" height="300px"></iframe>
    </div>
</body>
</html>

效果如下:

iframe是什麼意思啊?浮動框架iframe詳解

#在以上程式碼中,我們定義了一個原始檔案位址,並且對高度和寬度都進行了設置,大家就會在看瀏覽器中看到框架大小。

以上就是對iframe是什麼意思啊?浮動框架iframe詳解的完整介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。


以上是iframe是什麼意思啊?浮動框架iframe詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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