Skip to content

Changelog -- Stage 2: Semantic Sections

Previous Stage

Stage 1: Header & Intro (branch: feature/01-header-intro)

Files Changed

FileChangeWhat and Why
index.htmlmodifiedWrapped heading and tagline in <header>, added <main> with three <section> elements for menu categories

Summary

The flat list of elements from Stage 1 is now organized into semantic containers. A <header> wraps the restaurant name and tagline. A <main> element holds the primary content area, which contains three <section> elements -- one for each menu category. The page looks almost the same in the browser, but the HTML now communicates the purpose of each part.