frameset替換body
也就是不能同時出現
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset rows="100px,*,100px"><!--這裏以行劃分,分爲3行,並設置每行的高度-->
<frame />
<frame />
<frame />
</frameset>
</html>
注:frameset 要麼以行(rows)來劃分且單位是px ; 要麼以列(cols)劃分且單位是%,不能同時出現,系統默認自帶分隔線,*表示所見頁面剩餘部分
frameset的嵌套
引用地址是用src作爲屬性
並且在一行或一列內在包含一個框架,則用<frameset></frameset>替換<frame /> 。
例:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset rows="100px,*,100px">
<frame src="head.html"/>
<frameset cols="20%,*">
<frame src="body1.html"/>
<frame src="body2_oneself.html" name="right"/>
</frameset>
<frame src="foot.html"/>
</frameset>
</html>
注:這裏的index.html中的name="right",爲第二行的第二個框架中,必須設置target="right"屬性顯示在同頁面中(也就是:父框架控制內部框架時,使用target="框架的名字"來控制)。
iframe內聯框架
內聯框架作用於在網頁中顯示另一個網頁,也就是在網頁中嵌套了一個網頁,他可以放在body中,屬於頁面中的一部分,更多適用於公共的頁面,就是大家都有的頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body bgcolor="blue">
<!--frameborder :iframe的邊框-->
<iframe
src="http://baidu.com"
>
</iframe>
<br>
</body>
</html>
常用屬性:
scrolling="no" 設置滾動條
frameborder=1 設置邊框
width="600px" 設置框架寬度
height="200px" 設置框架高度
align="center" 設置框架位置
allowtransparency="true" style="background-color=transparent" 設置框架爲透明,與頁面背景不衝突