<body>
The sectioning root holding all renderable content.
Baseline: Widely available · Document structure
When to use it
Once per document; keep all perceivable content inside landmark elements within it, with a skip link first.
When not to
Don't scatter loose content directly in body — screen-reader users navigate by landmarks, and orphaned content is invisible to that navigation.
Example
<body>
<a href='#main'>Skip to main content</a>
<header>…</header>
<main id='main'>…</main>
<footer>…</footer>
</body>