欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

框架集:一个网页对应一个页面,一个网页对应多个页面

<frameset rows="n1,n2,n3...">

     

</frameset>

Rows:行   n1,n2,n3... 行高 有几个行高 就表示分了几行

Rows=150,180 2    * 剩下的全部

自动补全

<noframes></noframes>如果浏览器不支持框架集,显示noframes中的内容

案例代码:

<!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>无标题文档</title>

</head>

 

<!--

<frameset rows="150,*">

      <frame src="a.html">

    <frame src="b.html">

</frameset>

<noframes>抱歉,您的浏览器不支持frameset,请选择谷歌浏览器访问</noframes>

-->

<!--

<frameset cols="150,*">

      <frame src="a.html">

    <frame src="b.html">

</frameset>

-->

<frameset rows="150,*">

      <frame src="a.html">

    <frameset cols="150,*">

        <frame src="b.html">

        <frame src="c.html">

    </frameset>

</frameset>

 

 

</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>无标题文档</title>

</head>

 

<body>

我是c页面

</body>

</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>无标题文档</title>

</head>

 

<body>

我是框架集中的b页面

</body>

</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>无标题文档</title>

</head>

 

<body>

我是框架集中的a页面

</body>

</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h14153.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。