关于frameset与iframe的使用

时间：2022-06-09 19:47:08

<frameset>与<body>标签同级,是不能同时存在的,<frameset>是把当前页面进行分割.

frameset.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<!-- <frameset>与<body>标签同级,不能同时存在-->
 <frameset rows="70px,*,20px">
     <frame src="http://www.baidu.com" />
     <frameset cols="200px,*">
         <frame src="left.html"/>
         <frame src="http://www.qq.com" name="right"/>
     </frameset>
     <frame/>
 </frameset>
</html>

left.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <ol>
        <li><a href="http://www.baidu.com" target="right">百度</a></li>
        <li><a href="http://www.qq.com" target="right">腾讯</a></li>
        <li><a href="http://www.sina.com.cn" target="right">新浪</a></li>
    </ol>
</body>
</html>

<iframe>标签的功能:就是在当前页面中再导入另一个页面,可以给<iframe>标签指定宽高
iframe.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a href="http://www.baidu.com" target="ifr">百度</a>
    <iframe src="http://www.qq.com" width="800px" height="600px" name="ifr" ></iframe>
</body>
</html>

相关文章