html5 如何固定 header_随笔

语义化标签。

原来写一个页面。

比如有头部。和底部。我们都是定义一个div

只不过头部有一个class=header 尾部的div是class=footer

现在html5出现以后。主张语义化标签。

现在我们写样式的时候。选择器直接就写header就可以了。

不需要这么写 div.header

这样的好处是使得文档结构层次清晰。利于代码编写和开发。

还有搜索引擎优化等等的好处。

position:fixed 可以固定。

position:absolute也行。相对于fixed -》absolute不能随着页面的拉伸而定义在头部或你想定义的地方（即浏览器最大最小化固定的位置会不一样）

而fixed如果是定义紧贴头部的化，浏览器最大最小化都是在头部不会变形。

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

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

<head>

<title>iframe</title>

</head>

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

</iframe>

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

</body>

</html>

iframe框架，这个框架的构建也很简单

用dreamwaver打开文件

在工具栏中选择“布局”，在布局中用鼠标指向“框架”

程序会d出来一个下拉菜单可供你选择，根据你的要求你可以选择“顶部和嵌套的左侧框架”

你可以为每个框架取一个名字(页面名称，如index.html)与标题(title)，而且每个框架里的内容都是互不影响的。

————————————————————————————————————————分割线

不过我不建议你这么做，在web程序开发中基本上没有程序员会使用框架布局，这样做对性能与各种功能的阻碍太大

这个内容建议你适当的放一放，等你学了程序开发语言就很好解决了

如果你是做前端之类的，就更不用去想这个问题了，交给程序员就好了。

欢迎分享，转载请注明来源：内存溢出

html5 如何固定 header