html页面怎样固定头部和底部,中间用iframe标签插入页面

html页面怎样固定头部和底部,中间用iframe标签插入页面,第1张

很简单的啊。我直接写在页面了哦,class id 属性什么的你自己写了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>iframe</title>

</head>

<body style="margin:0padding:0">

<div style="height:100px">头部div</div>

<iframe style="height:600pxwidth:100%">

</iframe>

<div style="height:100px">底部div</div>

</body>

</html>

1、iframe默认是块元素,其display样式默认值是block。

2、frame应该说即不是块元素也不是行内元素,虽然有display样式,但其默认值是none。

3、frameset不是块元素也不是行内元素。

4、frameset标签下只能使用frame标签而不能是iframe标签。IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架。

通常的做法是使用frame。

再重新建一个index.html页面,内容类似这个样子:

<!DOCTYPE html>

<html>

<FRAMESET border="0" frameborder="0" framespacing="0" rows="*,35">

<FRAME name="main" scrolling="auto" src="main.html">

<FRAME name="copyright" scrolling="no" noresize noresize SRC="copyright.html">

</FRAMESET>

</html>

其中main.html就是你的真正的页面内容,copyright.html就是单独的版权信息。这样当用户访问index.html的时候,看到的就是版权在最底下了


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11287693.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存