由於HTML5已經捨棄了frameset標簽（框架集標簽），所以在這一章，我們不講解框架集frameset，只講解一個標簽：iframe標簽（浮動框架標簽）。
浮動框架是一種較為特殊的框架，它是在浏覽器窗口中嵌套的子窗口，整個頁面並不一定是框架頁面，但要包含一個框架窗口。<iframe>框架可以完全由設計者定義寬度和高度，並且可以放置在一個網頁的任何位置，這極大地擴展了框架頁面的應用范圍。
<frameset>生成的框架結構是依賴上級空間尺寸的，它的寬度或者高度必須有一個和上級框架相同。而<iframe>浮動框架可以完全由指定寬度和高度決定。
語法：
<iframe src="浮動框架的源文件" width="浮動框架的寬" height="浮動框架的高"></iframe>
說明：
src屬性是iframe的必須屬性，它定義浮動框架頁面的源文件地址。
在普通框架結構中，由於框架就是整個浏覽器的窗口，因此不需要設置其大小。但是在浮動框架中，框架是插入到普通HTML頁面中，所以可以調整框架的大小。浮動框架的寬度和高度都是以像素為單位。width和height這2個都是可選屬性。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="main">
<h3> 學習網</h3>
<iframe src="http://www.baidu.com" width="400px" height="300px"></iframe>
</div>
</body>
</html>
在浏覽器預覽效果如下；
分析：
在這段代碼中，設置了iframe的src屬性值為“http://www.baidu.com”（百度首頁地址），寬width為400px，高height為300px。
大家在浏覽器查看到該頁面嵌入了一個子頁面，而這個子頁面就是百度的首頁。
對於浮動框架iframe的的滾動條，我們可以使用scrolling屬性來控制。scrolling屬性有3種情況：根據需要顯示、總是顯示和不顯示。
語法：
<iframe src="浮動框架的源文件" width="浮動框架的寬" height="浮動框架的高" scrolling="取值"></iframe>
說明：
scrolling屬性取值如下：
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="main">
<h3> 學習網</h3>
<iframe src="http://www.baidu.com" width="400px" height="300px" scrolling="no"></iframe>
</div>
</body>
</html>
在浏覽器預覽效果如下；
分析：
大家可以看到，浮動框架iframe的滾動條都消失了。大家可以在“在線測試工具”中修改一下scrolling屬性值，看看不同屬性值下有什麼不同的效果。
浮動框架，說白了就是在一個頁面嵌入一個或多個子頁面，這樣大家好理解了吧。
關於浮動框架iframe，我們要學習的屬性就是以上幾個了，這已經夠用了，不多。很多朋友在看其他教程書籍的時候，還看到iframe有什麼frameborder、marginwidth、marginheight等等的屬性，搞得大家頭都大了。在這裡，我有必要跟大家說一下，這些屬性我們完全沒有必要去學習。因為這些屬性都是用來設置元素的外觀，而元素的外觀我們完全可以用CSS來控制。
到這裡，大家的HTML已經學得差不多了，接下來的一步就是“CSS入門教程”了！