blocks|key|2334874|text|<header>是HTML5中的几个新标签之一，这些标签应该在某些特定情况下取代<div>。特别是，页面的“头”部分--不管是什么，通常是包装在<div+class="header">中的那部分--在HTML5中，你应该使用<header>。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2334875|Mark+Pilgrim的+做了一项出色的工作，详细介绍了何时以及为什么要使用新的<header>元素。|2334876|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/html5/spec/Overview.html^0|0|8|14|5|20|K|34|8|9|5|0|0|15|8|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

<p><code>&lt;header&gt;</code> is one of several new tags in <a href="http://dev.w3.org/html5/spec/Overview.html" rel="noreferrer">HTML5</a> that are supposed to replace <code>&lt;div&gt;</code> for some specific situations. In particular, the "header" part of your page - whatever that is, usually the part that would be wrapped in <code>&lt;div class="header"&gt;</code> - in HTML5 you should use <code>&lt;header&gt;</code> instead.</p>

<p><strong><a href="http://diveintohtml5.info/semantics.html" rel="noreferrer">Chapter 3 of Dive into HTML5</a> by Mark Pilgrim</strong> does an excellent job going into the details of when and why to use the new <code>&lt;header&gt;</code> element.</p>


blocks|key|5863656|text|是在HTML5中添加的语义标签。它相当于在页面中为header元素使用<div+class="header">的HTML5等价物。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5863657|entityMap^0|Z|K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p><a href="http://html5doctor.com/the-header-element/" rel="noreferrer"><code>&lt;header&gt;</code></a> is a semantic tag added in HTML5. It's the HTML5 equivalent of using <code>&lt;div class="header"&gt;</code> for a header element in your page.</p>


blocks|key|2334985|text|<head>定义了关于文章的信息，例如包括元数据、标题、链接和脚本。它没有视觉外观。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|2334986|<header>定义文档或节的标题。它被添加到HTML5中。它具有可视外观，因此在标题中显示徽标、菜单和其他标题详细信息将非常有用。它需要在主体中定义。|2334987|<!DOCTYPE+html>
<html>
++<head>
++++<meta+charset="utf-8">
++++++++<title>Ganesamoorthi+M</title>
++++++++<meta+name="author"+content="Ganesamoorthi+M">
++++++++<meta+name="description"+content="Head+vs+Header">
++++++++<meta+name="keywords"+content="HTML,CSS,Head,Header">
++</head>
++<body>
++++<header>
++++++++<h1>Ganesamoorthi+M+-+Software+Developer</h1>
++++</header>
++++<section>
++++++++<p>Head+vs+Header</p>
++++</section>
++++<footer>
++++++<p>&copy;+2018+Ganesamoorthi+M</p>
++++</footer>
++</body>
</html>|code-block|syntax|javascript|2334988|entityMap^0|0|6|0|6|0|0|8|0|8|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|D]]|E|@]|F|$]]|$1|I|3|J|5|K|7|Z|8|@]|E|@]|F|$L|M]]|$1|N|3|-4|5|6|7|10|8|@]|E|@]|F|$]]]|O|$]]

<p><strong><code>&lt;head&gt;</code></strong> Defines the information about the article such as including meta data,title,links &amp; scripts. It doesn't have a visual appearance.</p>
<p><strong><code>&lt;header&gt;</code></strong> defines a header for a document or a section. It is added in HTML5. It has a visual appearance, it will be useful to show in the header a logo, menu, and other heading details. It needs to be defined inside the body.</p>
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
        &lt;title&gt;Ganesamoorthi M&lt;/title&gt;
        &lt;meta name=&quot;author&quot; content=&quot;Ganesamoorthi M&quot;&gt;
        &lt;meta name=&quot;description&quot; content=&quot;Head vs Header&quot;&gt;
        &lt;meta name=&quot;keywords&quot; content=&quot;HTML,CSS,Head,Header&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;header&gt;
        &lt;h1&gt;Ganesamoorthi M - Software Developer&lt;/h1&gt;
    &lt;/header&gt;
    &lt;section&gt;
        &lt;p&gt;Head vs Header&lt;/p&gt;
    &lt;/section&gt;
    &lt;footer&gt;
      &lt;p&gt;&amp;copy; 2018 Ganesamoorthi M&lt;/p&gt;
    &lt;/footer&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|2334946|text|<header>来自HTML5，它的本意是在<body>中包含网页的顶部/导航部分。像顶级标志，菜单，标语和其他标题的东西。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2334947|entityMap^0|0|8|M|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p><code>&lt;header&gt;</code> is from HTML5 and it meant to be contain the top/navigational part of your webpage in <code>&lt;body&gt;</code>. Like top logo, menu, slogan and other heading stuff.</p>


blocks|key|5863701|text|"header“元素在当前html规范中不存在，因此它被忽略(但当然可以使用css来设置样式)。它是即将发布的HTML版本5的当前草案的一部分。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5863702|它与"head“元素无关，后者包含页面的信息，但没有结构。|5863703|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>The "header" element does not exist in the current html specification so it is ignored (but may be styled using css of course). It is part of the current draft for the upcoming HTML version 5.</p>

<p>It is not related to the "head" element which contains information page the page but no structure.</p>


<p>In this tutorial: <a href="http://railstutorial.org/chapters/filling-in-the-layout#top" rel="noreferrer">http://railstutorial.org/chapters/filling-in-the-layout#top</a></p>

<p>There is "header"</p>

<p>I know that in HTML there is "head"</p>

<p>But, what is <code>&lt;header&gt;</code> ?</p>

<p>Thanks.</p>


<header> vs. <head>

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

在本教程中：有"header“我知道在HTML中有"head“但是，什么是<header>呢？谢谢。

问<header>与<head>
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<header>与<head>EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<header>与<head>
EN