Next, let’s cover the new “semantic” tags in HTML5 that allow developers to more logically define the content hierarchy in their HTML5 designs. This is done with headers, footers, sections, figures, captions, sidebars, and navigation panels, to name a few. They allow you to organize document content into logical sections. Semantics is the study of a word’s meaning, so what makes these tags semantic is that they define the content, so search engines can “see” the document design semantically (i.e., intelligently).
In this chapter, I go over semantic tags, which ...