Teach Yourself Visually™ HTML5

CHAPTER 11

Adding Semantic Tags

Want to efficiently organize the different sections that make up your web pages? You can use the new semantic tags in HTML5 to define the meaning of these areas. For example, you can define part of a page as a navigation section with the <nav> tag and another part as a header with the <header> tag. Then you can create CSS rules to style those sections with colors and formatting, and then position the sections in different areas of the page.

Define a Section

Define an Article

Define a Header

Define Navigation

Define an Aside

Define a Footer

Define a Section

The <section> tag offers a generic way of grouping related ...