html5 header标签（html5里面新增的用于网页布局的标签有哪些）

本文目录

• html5里面新增的用于网页布局的标签有哪些
• divclass=“header“的作用
• htlm5 header 跟head到底什么区别啊 不明白
• 页面的页眉标签是()
• H5中header标签应该如何使用
• html5的头文件里该怎么写头文件
• html5 新加的标签元素例如：
• html5 如何固定 header
• html5的语义化标签有哪些
• 在html代码中
  .
  是起什么作用的高手指教

html5里面新增的用于网页布局的标签有哪些

• 《header》标签

  《header》标签定义文档的页眉（介绍信息）

  用法： 

  《header》《h1》windyauang的Dreamweaver专栏《/h1》《/header》

• 《nav》标签

  《nav》 标签定义导航链接的部分

  用法：  

  《nav》 

  《ul》  

  《li》《a href="#"》菜单一《/a》《/li》 

  《li》《a href="#"》菜单二《/a》《/li》 

  《li》《a href="#"》菜单三《/a》《/li》  

  《li》《a href="#"》菜单四《/a》《/li》  

  《/ul》  

  《/nav》

• 《section》 标签

  《section》 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分

  用法：  《section》   

  《h1》标题一《/h1》    

  《p》文章段落内容《/p》 

  《/section》

• 《article》 标签

  《article》 标签定义外部的内容。  外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。总之，可以理解为article所表示的就是文章内容。

  用法：《article》 

  《a href="#"》文章内链接《/a》《br /》

  文章内容文章内容文章内容 

  《/article》

• 《aside》 标签

  《aside》标签定义article以外的内容。aside的内容应该与article的内容相关，如上图所示，它类似于布局中的辅助侧边栏。

  用法：  《aside》  

  《h4》小标题《/h4》  

  段落内容段落内容 

  《/aside》

• 《footer》 标签

  《footer》 标签定义section或document的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息，也就是类似于版权信息的东西。

  用法：  《footer》

  页脚文字，版权信息等

  《/footer》

• 整体的Html5代码应该如下：

  《!doctype html》

  《html》

  《head》

  《meta charset="utf-8"》

  《title》无标题文档《/title》

  《/head》

  《body》 

  《header》 《h1》《a href="#"》windyauang的Dreamweaver专栏-Html5布局示范文档《/a》《/h1》 《/header》 

  《nav》 

  《ul》 

  《li》《a href="#"》菜单一《/a》《/li》

  《li》《a href="#"》菜单二《/a》《/li》

  《li》《a href="#"》菜单三《/a》《/li》 

  《li》《a href="#"》菜单四《/a》《/li》 《/ul》  

  《/nav》 

  《section》 

  《header》内容标题《/header》 

  《article》文章内容《/article》 

  《footer》文章版权内容《/footer》 

  《/section》 《aside》相关内容《/aside》

  《footer》页脚、页面版权内容《/footer》

  《/body》

divclass=“header“的作用

在HTML5版本之前习惯使用div标签布局网页，在HTML5在div标签基础上新增header标签元素。也叫“《header》”头部标签。头部常常使用《div id=”header”》《/div》或《div class=”header”》《/div》进行布局，特点与传统div布局不同，少了div做标签，而是新增元素标签。

htlm5 header 跟head到底什么区别啊 不明白

1、《header》 标签是 HTML 5 中的新标签，功能是定义文档的页眉（介绍信息）。在html5之前一般都是定义一个div，比如《div class="head"》《/div》,html5出现以后,主张语义化标签,选择器直接就写《header》《/head》就可以了。2、HTML中h元素《h1》到《h6》标签用来定义标题。《h1》 定义最大的标题。《h6》 定义最小的标题。由于 h 元素拥有确切的语义，因此要慎重地选择恰当的标签层级来构建文档的结构。例子：六个不同的 HTML 标题：《h1》这是标题 1《/h1》《h3》这是标题 2《/h3》《h3》这是标题 3《/h3》《h4》这是标题 4《/h4》《h5》这是标题 5《/h5》《h6》这是标题 6《/h6》

页面的页眉标签是()

html5新增的页眉标签是“header”。header标签可定义文档的页眉（介绍信息），是一种具有引导和导航作用的结构元素，常用来表示一些前言性质或导航类的内容；它可以包含一些标题性质元素，也可以放置一些比如logo，搜索框等的元素。一个页面内并没有限制header的出现次数，也就是说我们可以在同一页面内，不同的内容区块上分别加上一个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或class1《header》头部内容区《/header》设置id1《header id=”p”》头部内容区《/header》设置class1《header class=”p”》头部内容区《/header》特点：就像DIV标签元素一样可以多次使用，不同地方可以使用id或class设置不同样式。兼容性因为header标签是HTML5新增标签元素，所以旧版本浏览器均不支持，需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。当然国内360浏览器、百度浏览器、遨游浏览器等浏览器均借用系统自带IE内核，所以国内浏览器实际上与你系统自带浏览器IE版本相同，所以你IE浏览器在IE9或以上版本自然就兼容HTML5新增标签元素。新旧DIV布局对比案例通过DIV+CSS布局与HTML5+CSS布局对比观察并掌握对header应用。1234567891011121314151617181920212223《!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》

html5的头文件里该怎么写头文件

《header》《meta charset="utf-8" /》《meta name="keyword" content="" /》《title》《/title》《link href="xxx.css" rel="stylesheet" type="text/css" /》《script src="xxx.js" type="text/javascript"》《/script》《/header》一般的情况下是这样的，meta 可能还会根据你的需要添加更多。

html5 新加的标签元素例如：

新增加的header、footer标签主要用于表现DOM的语义没有特殊的样式在HTML5之前，不论是header还是body或footer都需要用div来表达而HTML5的新标签可以直接用header、article、footer这些清晰明了的标签来表达，使文档的结构更清晰，以前设计时还要div然后id="container"这一类的属性,现在可以用一个article等类似标签来表现，作用于DIV一样，只是更方便

html5 如何固定 header

语义化标签。原来写一个页面。比如有头部。和底部。我们都是定义一个div只不过头部有一个class=header 尾部的div是class=footer现在html5出现以后。主张语义化标签。现在我们写样式的时候。选择器直接就写header就可以了。不需要这么写 div.header这样的好处是使得文档结构层次清晰。利于代码编写和开发。还有搜索引擎优化等等的好处。 position:fixed 可以固定。position:absolute也行。相对于fixed -》absolute不能随着页面的拉伸而定义在头部或你想定义的地方（即浏览器最大最小化固定的位置会不一样）而fixed如果是定义紧贴头部的化，浏览器最大最小化都是在头部不会变形。

html5的语义化标签有哪些

1.header：标签定义“网页”或“section”的页眉。通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。2.nav：定义导航链接的部分。3.footer标签：代表“网页”或“section”的页脚。通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。4. hgroup元素：“网页”或“section”的标题当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合5.section标签：定义文档中含有标题和段落的区域。（强调分段或分块）6.article：代表独立、完整、可独自被外部引用的内容（博客或报刊中的文章、一遍论坛帖子、一段用户评论或独立的插件、或任何独立的内容）;（强调的是独立性！可含有完整的标题、内容、脚注)7. aside标签：表示当前页面或文章的附属信息部分，可包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条、以及其他类似的有别于主要内容的部分。8. figure标签：规定独立的流内容（图像、图表、照片、代码等等）。figcaption标签：用于元素定义figure的标题。1）.一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。2）.figcaption 元素应该被置于 figure元素的第一个或最后一个子元素的位置。9. time标签：定义时间或日期10. address标签：代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等,一般出现在footer。

在html代码中

.

是起什么作用的高手指教

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