关闭

Html(6) - 框架

109人阅读 评论(0) 收藏 举报
分类:

框架标签:<frameset>

  • 框架标签不可以放到<body>,一般为了代码的可读性,会放到<head><body>之间
  • 当框架的大小不想被鼠标拖动而改变,可以在frame标签中加入noresize属性,这个属性没有属性值,称为标记属性,加上就为固定。在XHTL的规范中,所有的属性都要有属性值,那么标记属性的属性值就是自身,如: noresize="noresize"
  • 下面这段代码展示了一个简单的框架标签的使用,框架中包含了3个html页面。
<!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>

<!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>

<!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>

<!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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:35814次
    • 积分:1119
    • 等级:
    • 排名:千里之外
    • 原创:75篇
    • 转载:24篇
    • 译文:0篇
    • 评论:3条
    文章分类
    最新评论