Skip to content

Instantly share code, notes, and snippets.

@cyrilletuzi

cyrilletuzi/semantics.html

Created January 28, 2017 14:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cyrilletuzi/e474151d8bd4889c5652f30708dbcc0b to your computer and use it in GitHub Desktop.
Save cyrilletuzi/e474151d8bd4889c5652f30708dbcc0b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
semantics.html
<!-- Bad semantics -->
<a href="https://developer.mozilla.org">Text</a>
<img src="image.png" alt="Description" width="500" height="300">
<div>Text</div>
<span>Text</span>
<!-- Good semantics -->
<p><a href="https://developer.mozilla.org">Text</a></p>
<figure><img src="image.png" alt="Description" width="500" height="300"></figure>
<div><p>Text</p></div>
<p>Text</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment