What is semantic HTML?
Semantic elements clearly describe the meaning or role of their content.
Lesson 13 of 24
16 min learning time
Semantic HTML
Common semantic elements
Examples include header, nav, main, section, article, aside and footer.
<header>
<h1>Vinsoft Lab</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">Courses</a>
</nav>
<main>
<section>
<h2>HTML Course</h2>
<p>Learn HTML from beginner level.</p>
</section>
</main>
<footer>
<p>© Vinsoft Lab</p>
</footer>Practical Exercise
Build it yourself
Create a simple website layout using header, nav, main, section and footer.
Quick Check
Test your understanding
Which element represents the main content of a document?