HTML框架案例
通过使⽤框架,你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯。每份HTML⽂档称为⼀个框架,并且每个框架都独⽴于其他的框架使⽤框架的坏处:
开发⼈员必须同时跟踪更多的HTML⽂档
很难打印整张页⾯
项⽬⽬录
PAGE_A,B,C就是在⽹页上显⽰⼀句话 这⾥就不做展⽰了
案例源码及效果展⽰
html导航源码<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>框架左中右布局案例</title>
</head>
<frameset cols="25%,50%,25%">
<!--noresize属性框架是不可调整尺⼨的-->
<frame src="PAGE_A.html" noresize="noresize"/>
<frame src="PAGE_B.html" />
<frame src="PAGE_C.html" />
</frameset>
</html>
效果展⽰
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>框架左中右布局案例</title>
</head>
<frameset cols="25%,50%,25%">
<!--noresize属性框架是不可调整尺⼨的-->
<frame src="PAGE_A.html" noresize="noresize"/>  <frame src="PAGE_B.html" />
<frame src="PAGE_C.html" />
</frameset>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航框架</title>
</head>
<frameset cols="25%,75%">
<frame src="forward.html" />
<frame src="PAGE_A.html" name="showFrame"/> </frameset>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航跳转页⾯</title>
</head>
<body>
<a href="PAGE_A.html" target="showFrame">第⼀个页⾯</a><br />  <a href="PAGE_B.html" target="showFrame">第⼆个页⾯</a><br />  <a href="PAGE_C.html" target="showFrame">第三个页⾯</a><br /> </body>
</html>