frameset //框架标签;
rows="30%,70%" //上下分布的框架,默认上下比例为3比7;
cols="40%,60%" //左右分布的框架,默认左右比例为4比6;
noresize="noresize" //用户不可手动调整框架比例;
frameset可以嵌套,实现复杂的框架模式;
noframes标签中添加body标签包裹的文本信息,会在浏览器不支持框架时予以显示; noframes标签需要包裹在frameset结构内;
将连接的 target 属性值设置为 frame 的 name 值,将在该frame框架中打开连接的页面;
附a标签的 target 属性:
_blank 新窗口中打开
_self 在自身框架中打开
_parent 在父级框架中打开
_top 在整个页面中打开
framename 在制定框架中打开
在连接地址url结尾添加目标页面的#值(id),会是页面打开时直接定位到该制定元素位置;
框架实例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>框架</title> </head> <frameset cols="30%,30%,40%" > <frame src="table.html"> <frame src="background.html"> <frameset rows="50%,50%" noresize="noresize"> <frame src="cssjicheng.html"> <frame src="background.html"> </frameset> <noframes><body>您的浏览器无法处理框架!</body></noframes> </frameset> </html>
导航框架:
框架部分:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>navFrame</title> </head> <frameset cols="200,*"> <frame src="nav.html"> <frame src="a.html" name="targetPage"> </frameset> </html>
导航部分:
<a href="a.html" target="targetPage"><h1>A</h1></a><br> <a href="b.html" target="targetPage"><h1>B</h1></a><br> <a href="c.html" target="targetPage"><h1>C</h1></a>
页面部分:
<h1>A</h1>
<h1>B</h1>
<h1>C</h1>
浙公网安备 33010602011771号