Frontend System Design
/Beginner
Semantic HTML
Definition
Semantic HTML involves using HTML markup to reinforce the semantics (meaning) of the information in web pages, rather than merely defining its presentation (e.g., using `<nav>` instead of `<div class='nav'>`).
Explain Like I'm New
Using the correct tags so screen readers understand that this text is a 'Button' and that text is the 'Main Heading', rather than just styling everything as a generic box (div).
Interactive Example
Interview Questions
basic
- What is the core concept of Semantic HTML?
intermediate
- How does Semantic HTML impact the overall user experience?
advanced
- How do you scale Semantic HTML across a large enterprise application?
trick
- Can Semantic HTML be fully automated?