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>

posted @ 2015-08-25 16:33  黑泡man  阅读(240)  评论(0)  编辑  收藏  举报