<header> vs. </header>

时间:2010-08-08 15:53:12

标签: html header

在本教程中:http://railstutorial.org/chapters/filling-in-the-layout#top

有“标题”

我知道在HTML中有“头”

但是,<header>是什么?

感谢。

5 个答案:

答案 0 :(得分:30)

<header>HTML5中的几个新标记之一,应该在某些特定情况下替换<div>。特别是,您的网页的“标题”部分 - 无论是什么,通常是<div class="header">中包含的部分 - 在HTML5中,您应该使用<header>代替。

Mark Pilgrim的

Chapter 3 of Dive into HTML5 在处理使用新<header>元素的时间和原因的详细信息方面表现出色。

答案 1 :(得分:9)

<header>是HTML5中添加的语义标记。 HTML5相当于在页面中使用<div class="header">作为标题元素。

答案 2 :(得分:5)

<header>来自HTML5,它意味着包含<body>中网页的顶部/导航部分。像顶级徽标,菜单,标语和其他标题。

答案 3 :(得分:3)

<head> 定义有关文章的信息,例如包括元数据,标题,链接和广告。脚本。它没有视觉外观。

<header> 定义文档或部分的标头。它以HTML5格式添加。它具有视觉外观,显示标题标识,菜单和放大器将是有用的。其他标题细节。它需要在体内定义。

<!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>

答案 4 :(得分:0)

“header”元素在当前的html规范中不存在,因此被忽略(但当然可以使用css设置样式)。它是即将发布的HTML版本5的当前草案的一部分。

它与包含页面信息页面但没有结构的“head”元素无关。