An intro to semantic HTML

One of the primary advancements of HTML5 was introducing a standardized set of semantic elements. The term “semantic” refers to the meaning of a word or a thing, so “semantic elements” are elements designed to mark up the structure of a document in a more meaningful way, a way that makes it clear what they’re for, what purpose they serve in the document. And importantly, since they’re standardized, these elements define the document in a way that everyone can use and understand, robots included.

Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.

Continue reading