Mastery Points
0
Active Mission
Wrap the title inside an <article> tag.
Objective: add <article> to the code
Current MissionIN PROGRESS
Riddle:The content is lost in the void. Wrap the title in an 'article' to give it a home.
33%
Reward: 50 XP Verified
Semantic HTML5 Layout in html-css
Context & Logic
Structural architecture for modern SEO and machine-readability.
Technical Reference
headerTop branding and navigation container.
mainThe primary unique content of the page.
sectionGroups related content thematically.
articleSelf-contained composition (blog post/card).
asideIndirectly related content (sidebar/ads).
footerLegal info, links, and copyright.
Interactive Workshop
Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync activeTailwind Core Loaded
Standard CSS Scope
Auto-Sync Preview
Modify the source above to see live changes. Supports standard CSS and Tailwind utility classes.
Test Your Knowledge
Assessment Mode1Which tag is the best container for the primary content of a page?