Some new semantic tags in HTML5

1 <Header>2     <nav>3         <ul>4             <Li><ahref="">Section 1</a></Li>5             <Li><ahref="">Section 2</a></Li>6             <Li><ahref="">Section 3</a></Li>7         </ul>8     </nav>9 </Header>Ten  One <Main> A <article> -     <Header> -         <Hgroup> the         <H1>This is the H1 title</H1> -         <H2>This is the subtitle of the article.</H2> -         </Hgroup> -         <P>This is the text of the head, the article published in< Time>2016-02-24</ Time></P>         +     </Header> -     <Divclass= "Content"> +         <P>Here is the text of the article.</P> A         < Figure> at             <imgsrc= "Xxx.jpg"alt= "XXX"> -             <figcaption>Here is the picture title of the picture</figcaption> -         </ Figure> -     </Div> - </article> - </Main> in  - <aside> to     <H2>Related articles recommended</H2> +     <ul> -         <Li>Article 1</Li> the         <Li>Article 2</Li> *     </ul> $ </aside>Panax Notoginseng <Footer> -     <P>This is the footer text.</P> the </Footer>

One of the most important features of HTML5 is the introduction of some semantic tags that make the code of the page more readable and structured.
Basically, the following version of IE8 support for HTML5 's new label is very poor and requires some means to enable these browsers to support these new tags.


<time> Tags:
Used to mark time and date.

<nav> Tags:
Used to label navigation links. A page can contain multiple NAV chunks.

<main> Tags:
Marks the main content of the document.

<article> Tags:
Represents a complete, self-contained block of content, such as blog posts, news reports, or user reviews. The <article> tag should contain all relevant content, including the title, the author's signature, and the text.

Used to describe or navigate the parent chunk that contains it, usually with an H tag. You can have multiple header tags in a Web page. If you have both the header of the page and the header of the text.

If in addition to the main title, there is also a subtitle, you should put H1 and H2 in Hgroup, at this time H2 does not represent the following text sub-headings, but the entire article subtitle.

<figure> Tags:
Used to mark the illustration area. Illustrations are the drawings in the article, which are mentioned in the article.

<figcaption> Tags:
Used to mark a problem map.

<aside> Tags:
Used to mark content that is not closely related to the surrounding content, such as ads, sidebar, and so on.

<section> Tags:
is a block of independent content with a title.

<footer> Tags:
It is used to mark the footer of a webpage, and to place some information that is not important such as website copyright information.

Some new semantic tags in HTML5