Html学习（6） - 框架-html教程-PHP中文网

Html学习（6） - 框架

黄舟

发布： 2016-12-29 15:38:04

原创

1467人浏览过

框架标签：

<frameset>
登录后复制
框架标签不可以放到

<body>

登录后复制

，一般为了代码的可读性，会放到

<head>

登录后复制

和

<body>

登录后复制

之间

当框架的大小不想被鼠标拖动而改变，可以在frame标签中加入noresize属性，这个属性没有属性值，称为标记属性，加上就为固定。在XHTL的规范中，所有的属性都要有属性值，那么标记属性的属性值就是自身，如:

noresize="noresize"

登录后复制

下面这段代码展示了一个简单的框架标签的使用,框架中包含了3个html页面。

豆包爱学

豆包旗下AI学习应用

674

查看详情

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>image</title>
        <meta name="author" content="sync" />
    </head>

    <!--
        定义框架。使用标签frameset
    --> 

    <frameset rows=:"30%,*">
        <frame src="top.html" name="name"/>

        <frameset cols="30%,*">
            <frame src="left.html" name="left"/>
            <frame src="right.html" name="right"/>
        </frameset>

    </frameset>

    <body>

    </body>
</html>

登录后复制

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>top</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h1>这是我的网站LOGO</h1>

    </body>
</html>

登录后复制

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>left</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h3>左边栏链接</h3>
        <a href="../image.html" target="right">链接一</a>
        <a href="../table.html" target="right">链接二</a>
        <a href="../list.html" target="right">链接三</a>

    </body>
</html>

登录后复制

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>top</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h1>这是我的网站LOGO</h1>

    </body>

登录后复制

以上就是Html学习（6） - 框架的内容，更多相关内容请关注PHP中文网（www.php.cn）！

立即学习“前端免费学习笔记（深入）”；