代码之家 › 专栏 › 技术社区 › Hm Elius Hossain Himel

为什么我们要在HTML5的body元素中写header和footer元素?

web-frontend frontend web html

Hm Elius Hossain Himel · 技术社区 · 2 年前

当我们在html5中编写代码时,我们通常以这种格式编写代码

<!DOCTYPE html>
<html>
<body>
  <header>
    <h1>What Does WWF Do?</h1>
    <p>WWF's mission:</p>
  </header>
</body>
</html>

就像这样

<!DOCTYPE html>
<html>
<body>

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>

</body>
</html>

我的问题是,当所有三个标记都有不同的语义时,为什么我们不分别编写它们?我是说这样

<!DOCTYPE html>
<html>
<head>
</head>

<header>
    <nav>
        <!-- Navigation Bar -->
    </nav>
</header>
<body>
<p> Middle stuff of the website here. </p>

</body>

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</html>

1 回复 | 直到 2 年前

Quentin 2 年前

我的问题是,当所有三个标记都有不同的语义时,为什么我们不分别编写它们?

因为它们的语义不是你想象的那样。

这个 <head> 内容数据关于文档,而 <body> 包含渲染的数据部分。

A. <header> 和 <footer> 包含页眉和页脚某物这可能是 <main> 文档的一部分,或者可以是 <section> 或者别的什么。

推荐文章

Bear Bile Farming is Torture · 如何让div在溢出时水平滚动文本,而不是插入新行

2 年前

lucasferreira96 · 我可以同时使用Python和PHP吗?[已关闭]

2 年前

Tomas Gil Amoedo · 为什么我的形象没有触及这一边的边界?

2 年前

Hm Elius Hossain Himel · 为什么我们要在HTML5的body元素中写header和footer元素?

2 年前

Mateus Lima · 我怎么修?我需要一个透明的导航栏

2 年前

Mays Majeed · 安慰性反应

2 年前

Janosz ÐÑÐ°ÑÐ¸ÑÐ½Ð¸Ðº · 如何瞄准这个i标签

2 年前

minsu123 · 如何解析react中的单个引用?

2 年前

Lautaro Rojas · 如何使用css有意地包装元素?

2 年前

Noob · 尝试访问React对象

2 年前