The difference between Div and section and article in HTML5

The difference between div section article in HTML5

Just beginning to contact HTML5, it is not suitable for the label, and even a bit disgusted. In particular, the Div, section, article these tags, it is not clear what should be used in the occasion.
div tags
This tag is one of the most, most used tags we've seen. Does not have any semantics in itself, as a layout and styling.

Section label
In contrast to the non-semantic of the DIV, it is simple to say that section is a div with semantics, but don't feel so simple. Section represents a thematic piece of content, usually with a title. Seeing here, we may wonder when the section should be used? A typical scenario for a section application is a an article chapter, a tab in a label dialog box, or a numbered part of a paper. In fact, the sense of section and artilce is more suitable for modular applications. Section is more than just an ordinary container label. A div should be used when a tag is just for styling or for scripting purposes. In general, section is appropriate when the element content is explicitly present in the document outline.

Article label
Article is a special section tag that has more explicit semantics than sections and represents a separate, complete block of related content. In general, article will have a title section (usually included in the header) and sometimes include footer. Although section is a subject matter, the article itself is independent and complete, both structurally and content.
When article embedded article, in principle, the content of the internal article is related to the article content of the outer layer. For example, a blog post that contains user-submitted comments should be article to include blog post article.

Summarize
div section article, semantics are from scratch, gradually enhanced. Div has no semantics and is used only for styling. For a subject matter, the section is applied, and if the content can be detached from the context as a complete, independent existence, the article is applied. In principle, if you can use article, you can also use section, but in fact, if you use article more appropriate, then do not use section.

The distinction between Div and section, article, and other tags is straightforward. The distinction between section and article at first glance is difficult, in fact the focus is to see if this part of the content from the whole can also be as a complete, independent content exists, the focus is in the complete body. Because in fact, the section contains content can be counted as a separate piece, but it can only be regarded as part of the whole, article is a complete whole.

Differences between Div and section and article in HTML5