HTML5 commonly used structured label finishing

Advantages of structured Labeling:

1, convenient browser processing and recognition, improve the quality of web pages and semantics.

2, reduce a lot of meaningless div tags, enhance the readability of the code.

Structured Tags: (header,nav,body,article,section,aside,hgroup,figure,figcaption,footer)

<article> define external content, which can be a new article

<aside> define content other than article, aside content can be used as the sidebar of an article

<figure> for grouping elements, using the figcaption element to add a caption to an element group

<figcaption> define a caption for a figure element

<footer> define a section or document footer

<nav> Defining parts of navigation links

<section> defines the sections (section, section) of the document. such as chapters, headers, footers, or other parts of the document.

<time> define a date or time, or both.

Document structure of the HTML5

1 <Header>...</Header>2 <nav>...</nav>3 <article>4  　　 < Section>...</ Section>5 </article>6 <aside>...</aside> 7 <Footer>...</Footer>

Picture structure of HTML5

1 < FigureID= "Fig2">2   <legend>Figure 2. Install Mozilla XForms Dialog</legend>3   <imgalt= "A Web site is requesting permission to install the ollowing item:mozilla XForms 0.7 Unsigned"src= "Installdialog.jpg" />4 </ Figure>

Although these labels have a fixed intention, but the specific situation to be analyzed. The use of the label can be adjusted according to their own needs to do the appropriate!

HTML5 commonly used structured label finishing