H5 semantic label

HTML5 The newly added semantic tags mainly include ：

<article>、<section>、<nav>、<aside>、<header>、<footer>、<time> wait ...
advantage ：
In order not to CSS Under the circumstances , The page can also present a good content structure 、 Code structure ratio <div> Labels have richer meanings , Easy to develop and maintain

1.header And hgroup

At the top of a page or layout , Usually place navigation bar or title
A document can contain one or more pairs of <header> label .
The position of the label is secondary , It doesn't have to be displayed at the top of the page , We can add <header> Elements , For example, the following will explain <article>、<section> Such as tag .

2.nav

Represents the navigation of the page , It can also be in <header> Use in Tags , It can also be displayed in the sidebar . There can be more than one page <nav> label .
In order to facilitate search engine analysis , It's best to put the main links in nav in .

3.aside

The content contained is not the main content of the page 、 It is independent , It is a supplement to the page .
<aside> Generally used on pages 、 The sidebar of the article 、 advertisement 、 Links and other areas   

4.footer
  

It is usually placed at the bottom of the page or a block in the page , Contains copyright information 、 Contact information . A page can also have multiple footer   

5.article

<article> Elements should be used in relatively independent 、 Complete content block , So we can post on a blog 、 A forum post 、 Used in a news report or a user comment <article> Elements .article You can nest each other .