html5 如何固定 header
7个回答
展开全部
语义化标签。
原来写一个页面。
比如有头部。和底部。我们都是定义一个div
只不过头部有一个class=header 尾部的div是class=footer
现在html5出现以后。主张语义化标签。
现在我们写样式的时候。选择器直接就写header就可以了。
不需要这么写 div.header
这样的好处是使得文档结构层次清晰。利于代码编写和开发。
还有搜索引擎优化等等的好处。
position:fixed 可以固定。
position:absolute也行。相对于fixed -》absolute不能随着页面的拉伸而定义在头部或你想定义的地方(即浏览器最大最小化固定的位置会不一样)
而fixed如果是定义紧贴头部的化,浏览器最大最小化都是在头部不会变形。
原来写一个页面。
比如有头部。和底部。我们都是定义一个div
只不过头部有一个class=header 尾部的div是class=footer
现在html5出现以后。主张语义化标签。
现在我们写样式的时候。选择器直接就写header就可以了。
不需要这么写 div.header
这样的好处是使得文档结构层次清晰。利于代码编写和开发。
还有搜索引擎优化等等的好处。
position:fixed 可以固定。
position:absolute也行。相对于fixed -》absolute不能随着页面的拉伸而定义在头部或你想定义的地方(即浏览器最大最小化固定的位置会不一样)
而fixed如果是定义紧贴头部的化,浏览器最大最小化都是在头部不会变形。
展开全部
代码如下
/*css中的.header*/
position:fixed;
left:0px;
top:0px;
width:100%;
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改(这是一项推荐标准、外语原文: W3C Recommendation、见本处 参考资料原文内容: )2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
固定logo栏还是固定导航栏,利用 position:fixed 可以进行定位
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
定位来固定,postion:fixed
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
/*css中的.header*/
position:fixed;
left:0px;
top:0px;
width:100%;
position:fixed;
left:0px;
top:0px;
width:100%;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询