A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic
elements - Tells nothing about its content include -
<div> <span>
Examples of semantic elements - Clearly defines its content -
<form>,
<table>,
<article>, etc.
Learn more about here
and
here.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint facilis debitis sed error dolorem provident dolores quisquam facere iste minima ea veniam, fugiat nostrum quis, consectetur dolorum vel id alias numquam adipisci expedita minus ipsam amet porro. Qui perferendis, saepe iure dolore rem, fuga odio architecto illo, dolorum magni dolores.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi incidunt quam quisquam voluptate iusto similique veniam quas! Beatae nostrum ea sit tempora non quisquam deserunt similique maxime, voluptas ipsum omnis eius. Ipsum saepe reiciendis tenetur beatae magnam reprehenderit error consectetur nisi veritatis? Magnam nisi similique, iste voluptate vitae exercitationem quibusdam?