7 replies

Hero section inside <header> or <main>

I have seen a .hero/.intro section (usually the big intro image on a site) both in a

<header>

<header>

<header>

<header> tag and in a

<main>

<main>

<main>

<main> tag.

What would be the correct place to put it in?
Assuming standard structure:

<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>

<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>

<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>

<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>