对于第一页的关键内容，我应该使用 <header> 还是 <main>？

Question

我正在使用 HTML5 制作网站，但不知道用户首先看到的第一个页面内容（完整视口高度和宽度）要使用哪个语义元素。我读到 <header> 元素应该用于网站标题和导航等介绍性内容。我的网站上什至没有它，而是有类似 this 的东西，基本上是网站的第一部分，您可以在其中查看它的内容和一些联系方式的链接。

它是一个单页网站，但如果我有更多页面，它们将不会有这些内容，我可能会制作一个导航栏并将其放在 <header> 中。对于 <main>，我想涵盖的不仅仅是这些。也许是一个甚至不同的元素？我不知道，这就像 <header>、<section> 和 <main>.

的组合

你认为最好的是什么？

编辑：这不是我在图片上显示的整个页面。它只是打开网站时首先出现的部分，下面还有内容。我想知道用什么元素包裹图片中的东西。

这是代码（已删除类并将文本更改为虚拟文本）：

<header>
    
    <address>
        <a href="tel:+48123456789">123 456 789</a>
    </address>

    <div>
        <h1>Heading</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh nibh, egestas eget justo maximus, consectetur ultricies ante. Quisque facilisis pellentesque sagittis. Donec iaculis tellus nisl, vitae sodales ipsum ornare id. Suspendisse potenti. Curabitur eu ornare quam. Fusce laoreet vitae quam at ornare. Etiam quis malesuada magna.</p>
        <a href="#contact">Button</a>
    </div>

</header>

这样可以吗？

(右下角的phone图标有position: fixed并且在header之外)

Answer 1

老实说，这是一个见仁见智的问题。

就我个人而言，我根本不会在这么小的网站上使用分段元素，因为它只会增加噪音。它不会帮助盲人或搜索引擎爬虫更好地理解，因为没有那么多需要理解。

不过我很佩服你的努力。我会把 "heading" 放在 header 中，phone 放在 "footer" 中（即使它在顶部），其余的放在 main.

中

编辑： 考虑到这只是您页面的顶部，我认为 header 是合理的。您发布的代码肯定有效 html.

对于第一页的关键内容，我应该使用 <header> 还是 <main>？

Should i use <header> or <main> for first page critical content?

html

semantic-markup