Semantic elements = elements with a meaning. A semantic element clearly describes its meaning to both the browser and the developer.
Examples of non-semantic elements:
<span> – Tells nothing about its content.
Examples of semantic elements:
<article> – Clearly defines its content.
Semantic Elements in HTML
Many web sites contain HTML code like: <div id=”nav”> <div class=”header”> <div id=”footer”> to indicate navigation, header, and footer.
In HTML there are some semantic elements that can be used to define different parts of a web page:
HTML <section> Element
<section> element defines a section in a document.
According to W3C’s HTML documentation: “A section is a thematic grouping of content, typically with a heading.”
A home page could normally be split into sections for introduction, content, and contact information.
<p>The World Wide Fund for Nature (WWF) is….</p>