HTML5 Semantic Tags
The traditional non-semantic tags indicate formatting but not content. For example, <p> indicates that a paragraph should be here, but does not indicate what is in the paragraph.
Semantic tags indicate what content is held the element, e.g., <nav>, <aside>, and <footer>.
Here is a template for a web page that uses semantic tags:
<!DOCTYPE html>
<html lang="en">
<head>
<title> The Title Goes Here </title>
<meta charset="utf-8">
</head>
<body>
<header>
Header text and/or logo
</header>
<nav>
Links to other pages.
</nav>
<main>
Main page content (could have paragraphs here, or sections/articles/asides).
</main>
<footer>
Footer text.
</footer>
</body>
</html>