frameset框架和iframe內聯框架

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"                  設置框架爲透明,與頁面背景不衝突

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章