Semantic HTML
Write clearer, more accessible HTML using Semantic HTML tags.
StartKey Concepts
Review core concepts you need to learn to master this subject
Semantic HTML
Element Placement
Embedding media
<figure>
and <figcaption>
<section>
and <article>
<aside>
Aside Element
Semantic HTML
Semantic HTML
<!--Non Semantic HTML-->
<div id="footer">
<p>this is a footer</p>
</div>
<!--Semantic HTML-->
<footer>
<p>this is a footer</p>
</footer>
Semantic HTML introduces meaning to the code we write. Before Semantic HTML the elements didn’t have any meaning as to what it does or what content goes in it. An element such as <div>
was used as a general-purpose element to create things from headers to footers to articles. With Semantic HTML we were introduced to elements that tell developers and browsers exactly what it does and what content should go in it.
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory