html5 如何固定 header

 我来答
无知天眞5e213
2015-09-17 · 超过10用户采纳过TA的回答
知道答主
回答量:32
采纳率:0%
帮助的人:11.9万
展开全部
语义化标签。
原来写一个页面。
比如有头部。和底部。我们都是定义一个div
只不过头部有一个class=header 尾部的div是class=footer
现在html5出现以后。主张语义化标签。
现在我们写样式的时候。选择器直接就写header就可以了。
不需要这么写 div.header
这样的好处是使得文档结构层次清晰。利于代码编写和开发。
还有搜索引擎优化等等的好处。
position:fixed 可以固定。
position:absolute也行。相对于fixed -》absolute不能随着页面的拉伸而定义在头部或你想定义的地方(即浏览器最大最小化固定的位置会不一样)
而fixed如果是定义紧贴头部的化,浏览器最大最小化都是在头部不会变形。
有缘无份1967duh
高粉答主

2018-04-11 · 说的都是干货,快来关注
知道大有可为答主
回答量:226
采纳率:100%
帮助的人:4.1万
展开全部

代码如下

/*css中的.header*/

position:fixed;

left:0px;

top:0px;

width:100%;

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改(这是一项推荐标准、外语原文: W3C Recommendation、见本处 参考资料原文内容: )2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
隨风飄扬110506
2013-12-21 · TA获得超过127个赞
知道答主
回答量:109
采纳率:0%
帮助的人:78.8万
展开全部
固定logo栏还是固定导航栏,利用 position:fixed 可以进行定位
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
默享
2015-10-29 · web前端
默享
web前端
采纳数:7 获赞数:21
成长期的前端工程师

向TA提问 私信TA
展开全部
定位来固定,postion:fixed
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wly1316692979
2016-10-21
知道答主
回答量:9
采纳率:0%
帮助的人:3.2万
展开全部
/*css中的.header*/
position:fixed;
left:0px;
top:0px;
width:100%;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式