Lesson 19
Semantic HTML - Meaningful Tags 🏷️
Use tags that describe their content
🏷️
Tags with Meaning!
Semantic HTML uses tags that describe what the content is, not just how it looks!
❌ Not Semantic:
📄 html
1
2
3
<div class="header"> <div class="nav">Menu</div></div>Uses generic divs - unclear purpose
✅ Semantic:
📄 html
1
2
3
<header> <nav>Menu</nav></header>Clear, meaningful tags!
🌟 Semantic HTML makes your code easier to read and helps search engines understand your page!