O'Reilly logo

Teach Yourself Visually™ HTML5 by Mike Wooldridge

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

image

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required