HTML5 introduced a number of new tags that can help you to add structure to your document, as they all have the names of common components of a document or site, such as header, footer, or article.
If you have been doing web development for a while, you will have used these names in all likelihood, but as a class to categorize <div>
elements. So if you used <div class="header">
, you can now use <header>
. Or, to turn things around, if you already use <header>
, your fallback plan to support non-HTML5-capable browsers could contain <div class="header">
.
Here is a brief overview of what they are and how they can be used:
<header>
: This is used to contain the headline for a page or section. It typically contains a company logo and navigational elements.<footer>
: Footers typically contain links to other related information, contact info, and copyright statements. Make sure you keep the latter up-to-date. People will not trust the information...