HTML框架
框架集的使用
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>主页</title> 6 </head> 7 <frameset cols="20%,50%,30%"> 8 <frame src="framea.html"/> 9 <frame src="frameb.html"/> 10 <frame src="framec.html"/> 11 </frameset> 12 </html>
frameset和frame标签已经过时了。
框架集不能定义在body标签
cols表示横向排列,rows表示纵向排列
frameset中还能再嵌套frameset
内联框架
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>主页</title> </head> <iframe src="framea.html"></iframe> <iframe src="frameb.html"></iframe> <iframe src="framec.html"></iframe> </html>
framea.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body bgcolor="blue"> FrameA<br/> <a href="http://www.jikexueyuan.com" target="_top">极客学院</a> </body> </html>
frameb.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body bgcolor="#7fffd4"> FrameB<br/> <iframe src="framea.html" width="400px" height="400px"></iframe> </body> </html>
framec.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body bgcolor="#faebd7"> FrameC<br/> <iframe src="frameb.html" width="600px" height="600px"></iframe> </body> </html>
index.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>主页</title> </head> <iframe src="framec.html" frameborder="0" width="800px" height="800px"></iframe> </html>
关于target属性,可以有两种使用方式
第一种:内置的打开方式,主要是新标签打开,当前页面打开,上一级框架打开,顶层框架打开
第二种:在创建iframe的时候指定name属性,那么在<a>标签的target值就可以是name值,会在指定的iframe框架中打开页面