html5 如何固定 header

html-css09

html5 如何固定 header,第1张

语义化标签。

原来写一个页面。

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

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

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

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

不需要这么写 div.header

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

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

position:fixed 可以固定。

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

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

html中标题的代码是<title></title>。

1、新建html文档,在html文档中添加网页的文档类型声明、html标签、head标签和body标签:

2、在head标签中添加标题代码<title></title>,需要注意的是后面一个title标签中有一个斜杠:

3、在title标签中输入需要显示的标题,然后用浏览器打开html文档,这时网页中会显示文档的标题: