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>