Semantic HTML introduces meaning to your content. Elements like
<header>
, <footer>
,
<article>
, and <section>
help
structure your document logically.
This p element is inside a <section>
element, which
is a semantic markup element
This one isn't. What's the difference?
Using semantic elements makes your HTML more readable and helps browsers and search engines understand the structure and content of your webpage.
<header>
: Represents introductory content or
navigational links.
<footer>
: Contains information about the author,
copyright, or contact details.
<article>
: Used for self-contained content like blog
posts or news articles.
<section>
: Groups related content together.