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

Get Teach Yourself Visually™ HTML5 now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.