<header> Tag — HTML Technical Interview Questions & Answers

Introductory content for its nearest sectioning element.

<header> Tag

  • Introductory content for its nearest sectioning element.
  • <header> is the <header> HTML element. HTML uses this tag so the browser (and screen readers) know what the piece is, not only how it looks.
  • Board: <header>…</header> Put it in body. Check it in the browser. Attributes go on the opening tag.
  • Trap: wrong nesting or missing a required attribute. CSS can still style it — don’t pick a tag only because of default italics.
  • Interview: name the tag, one attribute if it has a famous one (href, src, alt, for, type), one mistake.

Technical Interview Tip: <header>: the <header> HTML element. Example: <header>…</header>

Code Examples for <header> Tag

<header> Tag — working example

<header>
  <nav aria-label="Primary"><a href="/">Home</a></nav>
</header>
<main>
  <article>
    <h1>Interview tip</h1>
    <p>Prefer semantic tags over empty divs when meaning exists.</p>
  </article>
  <aside>
    <p>Related: practice aloud for 30 seconds.</p>
  </aside>
</main>
<footer>© GoCareerGo</footer>

<header> Tag — semantic tags describe meaning — better SEO/a11y than only div/span layout shells.

How to Explain <header> Tag to an Interviewer

What is the <header> tag?

the <header> HTML element <header>…</header>

One common mistake?

wrong nesting or missing a required attribute