HTML and CSS · lesson 23 of 30 · free

Semantic tags — HTML and CSS for kids

Semantic tags have names that say what their content is. header holds the logo and title at the top, nav holds the menu of links, main holds the main content, article holds a post or story, aside holds a side box, and footer holds notes at the bottom. div and span say nothing about meaning. Semantic tags help screen readers and search engines understand the page.

▶ Watch how it works

Got it? Practise ↓

Code tip

Say what it is — “use a tag whose name tells what the part of the page is”

  1. Top to bottom: <header> → <nav> → <main> → <footer>.
  2. <article> = a post or story; <aside> = a side box of extra notes.
  3. <div> and <span> are not semantic — they say nothing about meaning.

Use it for: Planning the layout of a website and making it easy for screen readers.

Worked example: 🧭 Which semantic tag holds the logo and title? → <header>

  1. The logo and title sit at the top of the page.
  2. The top part of a page is the <header>.

Check: The menu would go in <nav>, the copyright in <footer> ✓

▶ Watch it animated

✏️ Practice

Work it out in your head or on paper, type the answer and press Check. Stuck? Press “Show me how”.

Right: 0 · Tried: 0

🏁 Lesson 23 test

20 questions. Check each answer, then go to the next one. Get 16 or more right to pass.

🏅 Sign in with Google to earn the 🧭 Semantic Tag Scout badge when you pass — and a certificate when you finish all 10 lessons of Part 3 · Web Development. You can still take the test without signing in.

🖨️ HTML Worksheet: Semantic Tags

✨ Free AI tutor

Ask the AI tutor about this lesson

Why does it work? When should you use it? Ask in English, मराठी or हिंदी.

Sign in with Google to ask Free — 20 questions a day.

👩‍🏫 HTML and CSS classes near you — online or at home

Prefer a real teacher? TalentJR teachers take live online classes anywhere in India and visit homes in selected cities. Tell us what you need and our team will call you with timings and fees.

Live online classesSmall groups or 1:1 with a teacher, from home, any city.
Teacher at homeA TalentJR teacher visits your home (selected cities).
At a centreClasses at a TalentJR partner centre near you, where available.
Badges, certificates & gifts A badge for every lesson you pass, a certificate for every part you finish, plus TalentJR Points for daily practice. Computer worksheets Flowcharts, block coding, spreadsheets and safe internet.