Article and Section elements in HTML5

HTML5 brings out a series of new elements and will be widely used in the future. However, some elements are confusing when used, including the following two new elements: <article> and <section>. The most frequently asked question is: under what circumstances should we use these elements? And how should we correctly use these elements? Related Tutorials: Section element of HTML5 tutorial Section of GBin1 is the most ambiguous element. What is the difference between it and <div> elements? We have been using <div> to divide paragraphs, so after <div>, when should we use this element. We will refer to the official document to describe it. According to the WHATWG document, the <section> element is described as follows: "The <section> element indicates a document or application, general section-WHATWG "from the description, we can see that the role of the <section> element is segmentation, more or less similar to <div>. However, it still has a special case. In this document, a special statement is added: "When an element is used only for style styles or for the convenience of scripts, we encourage the author to use <div>. <Section> the element applies when the content of the element needs to be explicitly listed. -WHATWG "based on this, we can summarize the following two points: first, although section elements can be technically designed for styles, when there are complex styles or scripts, we still recommend that you use the div element. Second, similar to the <li> element, the section element is used to list content. The reason for using the <section> element is to list the Blog content in a structured manner. The Code is as follows: <div class = "blog"> <section class = "post">