Html学习（6） - 框架

黄舟原创: 2016-12-29 15:38:04 790浏览

框架标签：

<frameset>
框架标签不可以放到

<body>

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

<head>

和

<body>

之间

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

noresize="noresize"

下面这段代码展示了一个简单的框架标签的使用,框架中包含了3个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>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中文网（m.sbmmt.com）！

Html 框架 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：Html学习（5） - 超链接下一条：Html学习（7） - 画中画