您的位置:首页 > Web前端 > HTML

Html学习(6) - 框架

2016-05-30 22:26 507 查看
框架标签:
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: