Semantic HTML Elements - jpjohnsonjr/learning-notes GitHub Wiki
Semantic HTML elements tell something about the meaning of the content. Helps humans and/or machines to understand the meaning of content. May also help search engine rankings (i.e., SEO). "May" is important; experts disagree about whether they can, because search engines have become much more sophisticated.
These are all block-level elements.
<h1> through <h6>
Headings should not be used to convey styling. They are intended to convey meaning and structure.
Child of <body> -- not to be confused with <head>. Often consists of organization logo, company tag line, sometimes navigation.
Navigation -- used for links to different parts of the website.
Usually article goes inside of section, but not mandatory.
Element that relates to the main topic, i.e., related posts.
Contains footer, such as s copyright.