Examining structural elements

HTML5 provides us with a variety of tags that we can use when dividing our page into different parts. When browsing the web, you would have noticed that web pages typically have a few common things to them. For example, a web page will typically have a logo and page navigation area at the top of the page. We would call this area of the page the header. You may also have noticed that the bottom of the page may include a list of links and copyright information. We would call this area the footer. The following diagram shows the representation of a few of the main elements of a web page:

Figure 2.1: HTML5 page elements

In this section, we will be looking at the following HTML5 page elements:

• header
• footer
• section
• article
• nav
• aside
• div

header

The header tag is used to describe the header or top area of a web page. Typically, inside this tag, you would have the page heading, a logo, and...