本文目录
- 样式名#header属于哪一种样式
- html5中header、footer等标签怎么用css控制呢
- HTML写了header标签不能与页面顶部重合
- H5中header标签应该如何使用
- html5中标签和
标签有什么区别 - 为什么html5中的header标签不能设置样式
- header一类的标签，除了语义，还有什么用
- header 标签如何使用
- 在html代码中
. 是起什么作用的高手指教
样式名#header属于哪一种样式
带#符号的是id选择器。
带.的事class选择器。
什么也不带的，只有标签名称的是标签选择器。
选择器权重是id》class》标签。
通常一个页面里面的id不会重复，class可以重复。
html5中header、footer等标签怎么用css控制呢
将header,footer{display:block;}之后通过标签名称进行设置，这样应该是可以的
header{},footer{}
HTML写了header标签不能与页面顶部重合
设置CSS样式就可以与顶部重合：
如果设置了宽度已经是100%的话，那是因为浏览器的UA用户代理设置的html与body标签的外边距造成的，可以尝试加上：
html, body {margin:0;}
2. 最好建议解决方式是绝对定位的浮动：
header(你的元素){
position: fixed;//绝对的填充
top:0;//最右边
left:0;//最左边
width:100%;//宽度设置百分之一百
height: 32px;//高度可不填
z-index: 1000;//第几个元素（有可能会被挡住，故而要设在最上面那层）
}
-header
H5中header标签应该如何使用
在HTML5之前的版本大家可能有用DIV标签布局网页的习惯，但是H5在DIV标签的基础上增加了header标签元素，也就是我们说的头部标签，以往我们在布局中常常把网页分为头部，内容，底部，现在已经有系统的标签来帮我们规划，也是方便了很多，那么这个header标签需要怎么使用呢？今天我们就来好好的研究一下
正应为大家公认html布局中对“header”为常用命名，所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。
除了直接使用header标签外，也可以对header设置class或id。
语法结构
header标签元素和p用法相同。有开始有闭合。
语法：
1
《header》内容《/header》
直接不给id或class
1
《header》头部内容区《/header》
设置id
1
《header id=”p”》头部内容区《/header》
设置class
1
《header class=”p”》头部内容区《/header》
特点：就像DIV标签元素一样可以多次使用，不同地方可以使用id或class设置不同样式。
兼容性
因为header标签是HTML5新增标签元素，所以旧版本浏览器均不支持，需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。当然国内360浏览器、百度浏览器、遨游浏览器等浏览器均借用系统自带IE内核，所以国内浏览器实际上与你系统自带浏览器IE版本相同，所以你IE浏览器在IE9或以上版本自然就兼容HTML5新增标签元素。
新旧DIV布局对比案例
通过DIV+CSS布局与HTML5+CSS布局对比观察并掌握对header应用。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
《!DOCTYPE html》
《html》
《head》
《meta charset=“utf-8“ /》
《title》html5 Header标签实例《/title》
《style》
/* 传统布局CSS */
#header{ width:300px; height:40px; background:#CCC}
/* HTML5布局样式 */
header{ width:400px; height:70px; color:#F00; background:#F5F5F5}
.color-000{ color:#000; background:#666}
《/style》
《/head》
《body》
《p id=“header“》我在传统p布局中《/p》
《header》我在传统p布局中,必须在支持HTML5浏览器才能看到效果，
建议谷歌浏览器测试观察效果《/header》
《header class=“color-000“》我颜色为黑色,背景为#666《/header》
《/body》
《/html》
-he
html5中标签和标签有什么区别
一、指代不同
1、《head》标签：是网页的HEAD(头)部分中包含有的内置标签，用来申明使用的脚本语言，以及网页传输时使用的方式等。
2、《header》标签：header标签是HTML5新增标签元素。
二、浏览器支持不同
1、《head》标签：浏览器都支持。
2、《header》标签：旧版本浏览器均不支持，需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。
三、支持属性不同
1、《head》标签：《head》 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
2、《header》标签：《header》 标签支持 HTML 中的全局属性。
参考资料来源：百度百科-head标签
参考资料来源：百度百科-Header
为什么html5中的header标签不能设置样式
如果出现这种问题有可能说明你正在使用的浏览器是 IE678首先他们不支持 html5的新标签
换成firebox、chrome浏览器是没问题的。
或者百度去搜一下html5shiv.js文件，然后注释引入ie8以下就能修改样式了。
-header
header一类的标签，除了语义，还有什么用
没什么用，就是语义，和section等标签一样，只是用更有意义的标签来实现而已，本来纯DIV就能搞定的，只是用了header标签来代表头部更有意义。
header 标签如何使用
eader标签是HTML5中新增的语义化标签，用于定义文档的页眉（介绍信息）。header标签通常至少包含（但不限于）一个标题标记（《h1》–《h6》），还可以包含文档流中的其他内容，如logo或搜索表单,还可以在header标签中包含nav标签。需要注意的是，header标签并不引入新的内容区块，而是一个区块的头部。
语法如下：
《header》
《h1》这是标题《/h1》
《p》这是标题的相关介绍《/p》
《/header》
header标签中必须包含一个标题标签，并且子元素不唯一，否则不适用header标签。如果仅是为了样式，请使用DIV标签，避免header标签的滥用。
-he
在html代码中. 是起什么作用的高手指教
这是HTML5的新标签，这样写语义上是表示页面布局的头部。头部就是一般放LOGO和菜单导航的部分。
IE8或以下版本都不支持HTML5，但在其他所有主流浏览器中得到支持（国内基于IE内核的浏览器除外）。
-header
