html5设置header，HTML5设置背景颜色

html5中header、footer等标签怎么用css控制呢?

首先，header，nav，article，section，aside，footer这些html5的标签本质上和div没有任何区别，他们的实质性作用就是让你的html代码有语义。也就是说，仅仅在html使用它们并不会显示出他们语义中包含的意思。还需要针对每一个标签编写相应的css。接下来，我将以下图为例，写一个样例 2 先写出它的大概框架。

正应为大家公认html布局中对“header”为常用命名，所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。除了直接使用header标签外，也可以对header设置class或id。语法结构 header标签元素和p用法相同。有开始有闭合。

新建一个html页面。在html页面上新建三个div标签，分别为这三个div添加class为：header、main、footer。创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。为显示主要内容的main类设置样式。

最简单、最快捷的方式。element-ui提供的布局容器，el-header头标签，有height属性。el-aside左侧边栏标签，有width属性。el-footer底部标签，有height属性。其他样式可以通过class进行控制。相对简单的方式。利用el-col将每行分为24等分的特性，进行布局。其他属性通过class进行控制。

头部：header-nav 侧栏：aside 内容：article、section、div 脚部：footer 这些仅仅是html5的一部分，常出现在整个网页的“大框架”结构上，具体位置如下：html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。

相关问答

Q1: 为什么html5中的header标签不能设置样式

1、记得以前itjob老师教过说如果出现这种问题有可能说明你正在使用的浏览器是 IE678首先他们不支持 html5的新标签 换成firebox、chrome浏览器是没问题的。或者百度去搜一下html5shiv.js文件，然后注释引入ie8以下就能修改样式了。

2、总的来说，body、header 和 footer 这三个元素都不能写在标签里，因为它们是 HTML 文档的主体部分，不属于头部信息。

3、header）部分，通常包含网站的标志、导航菜单等内容。- `meta` 标签用于定义HTML文档的元数据，如字符编码、描述、关键字等，而不是页面标题。- `head` 标签是HTML文档的头部标签，包含了文档的元信息，如链接外部样式表、引入JavaScript文件等，但不是用来设置页面标题的。

4、header头部内容区/header 设置id 1 header id=”p”头部内容区/header 设置class 1 header class=”p”头部内容区/header 特点：就像DIV标签元素一样可以多次使用，不同地方可以使用id或class设置不同样式。

Q2: 在html代码中header.../header是起什么作用的?高手指教

1、这是HTML5的新标签，这样写语义上是表示页面布局的头部。头部就是一般放LOGO和菜单导航的部分。IE8或以下版本都不支持HTML5，但在其他所有主流浏览器中得到支持（国内基于IE内核的浏览器除外）。

2、header是服务器以HTTP协议传HTML资料到浏览器前所送出的字串。页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内容主要包括网站名称（Logo，次级标题可能是网站的一句口号等）和网站的导航部分。

3、它的意思是设置页面内容是html，编码格式是utf-8。header()函数的作用是：发送一个原始 HTTP 标头[Http Header]到客户端。标头 (header) 是服务器以 HTTP 协义传 HTML 资料到浏览器前所送出的字串，在标头与 HTML 文件之间尚需空一行分隔。在 PHP 中送回 HTML 资料前，需先传完所有的标头。

4、HTML代码是超文本语言，也就是描述网页的一种代码，所有的网页的基础代码就是HTML代码。它决定了文本，图片，表格的显示格式.用浏览器如IE打开HTML文件，就是网页了。超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

5、head标签：是网页的HEAD(头)部分中包含有的内置标签，用来申明使用的脚本语言，以及网页传输时使用的方式等。header标签：header标签是HTML5新增标签元素。浏览器支持不同 head标签：浏览器都支持。

Q3: html5中head标签和header标签有什么区别

header 标签是 HTML 5 中的新标签，功能是定义文档的页眉（介绍信息）。在html5之前一般都是定义一个div，比如div class=head/div，html5出现以后，主张语义化标签，选择器直接就写header/head就可以了。HTML中h元素h1到h6标签用来定义标题。h1 定义最大的标题。

不同点：便于搜索引擎捕获，seo优化 ①section：用于表达书的一部分或一章，或者一章内的一节。②hgroup：对网页或区段（section）的标题进行组合。③header：页面主体上的头部，注意区别于head标签。

根据W3C的定义规范： header元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。

在 head 标签内，可以包含若干个元素，其中有些元素不能写在标签里。以下是不能写在标签里的标签：body：这是 HTML 文档的主体部分，不能写在标签里。header：这是 HTML5 中的一个元素，用于定义文档的头部内容，不能写在标签里。

header header元素描述了文档的头部区域 nav 标签定义导航链接的部分。section section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。article article 标签定义独立的内容。aside aside 标签定义页面主区域内容之外的内容（比如侧边栏）。

Q4: H5中header标签应该如何使用

除了直接使用header标签外，也可以对header设置class或id。语法结构 header标签元素和p用法相同。有开始有闭合。

在图2-1中已经看到，相应标签实现的区域用名称标注了出来，比如头部Header在编写页面前，有必要说一下：页面元素由HTML5实现，而元素的显示效果是CSS3渲染的，CSS3的代码可以和HTML5的代码放在同一个文件，也可以是独立的文件，只要在HTML5文件里引用即可。

头部：header-nav 侧栏：aside 内容：article、section、div 脚部：footer 这些仅仅是html5的一部分，常出现在整个网页的“大框架”结构上，具体位置如下：html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。

超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

Web中对于header的代码结构似乎已经趋于稳定化。在HTML5版本之前习惯使用div标签布局网页，在HTML5在DIV标签基础上新增header标签元素。也叫header头部标签。因为大家公认html布局中对header为常用命名，所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。

关于html5设置header和HTML5设置背景颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。