HTML基础(三):框架的应用
框架技术:在一个html页面显示多个页面的内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test1</title><!--网站标题,这是必须的--> </head> <frameset rows="68,*" framespacing="0" frameborder="yes" border="20"> <frame src="top.html" name="topFrame" scrolling="yes" bordercolor="#003399" noresize="noresize" id="topFrame" title="topFrame" /> <frameset cols="200,*"> <frame src="left.html" name="mainFrame" id="mainFrame" title="mainFrame" border="40" frameborder="yes"/> <frame src="right.html" name="mainFrame" id="mainFrame" title="mainFrame"/> </frameset> <noframes> <body>您的浏览器无法处理框架</body> </noframes> </frameset> </html>
norsize:不能缩放
效果:
iframe:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test1</title><!--网站标题,这是必须的--> </head> <body> <iframe src=”http://www.baidu.com” height="300" width="800" scrolling="auto"> 本页面使用框技术 </iframe> <!--iframe比frameset更加灵活,frameset需要使用一个页面来作为基础,iframe在任何页面都使用框技术—> </body> </html>