Document Structure & Semantic Elements

Read this chapter, then pass a short check to open the next one.

header, main, footer, and friends.

A good page has a clear outline: header for branding/nav, main for content, footer for secondary info.

Use one per page.
Prefer , ,
,
, over anonymous divs.
Always include a meaningful and heading hierarchy.</li></ul> <pre><code><header> <h1>StudyTonight</h1> </header> <main> <p>Learn to Code</p> </main> <footer> <small>© 2026</small> </footer></code></pre> <p>After you read this chapter, use <strong>Write</strong> (when available) and <strong>Quiz</strong> on this page to lock it in — same flow as C, Python, and the other Learn languages.</p>