Blog Post Title
Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
The most commonly asked question is: under what circumstances should we use these elements? And how should we use these elements correctly?
Section element
This is the most ambiguous element. How is it different from the
element? We have been using
to divide paragraphs, so besides
, when should we use this element. We quote the official documentation to illustrate it. According to the WHATWG document, the element is described as follows:
"The element represents a common paragraph in a document or application - WHATWG"
From the description we can see The purpose of the element is to segment it, more or less similar to
"The
From the description we can see The purpose of the
. But it still has a special case. In the documentation, a special statement was added:
"When an element is used solely for style or for scripting convenience, we encourage authors to use
"When an element is used solely for style or for scripting convenience, we encourage authors to use
. The element applies when the element's content When explicit listing is required. - WHATWG"
Based on this, we can summarize the following two points:
First, although the section element can technically be styled , but we still recommend using div elements when there are complex styles or scripts.
Second, similar to the element, the section element is used to list content.
So in a real example, the reason for using the element is to structure the content of the blog, the code is as follows:
This is just an example, the element can also be used for other purposes.
Article element
From the name, it has already explained itself well, but we still have to look at how the official document describes it:
"In A document, page, application or section of a site that is, in general, independently redistributable or reusable, for example in a forum post, magazine or news article, blog entry, or user submission. Comments, interactive widgets or widgets, or any other stand-alone item of content. ”
From the above description, we can conclude that the element is dedicated to structured articles, especially what we want. Published, such as blog, page content or forum posts.
The following example shows how to use to build a blog article.
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
halvah gummies danish biscuit applicake gingerbread jelly-o pastry.
< /div>
In addition, the element can also be combined with the section element. When needed, the element can be used to divide the article into several sections. paragraphs, as shown in the example below.
Based on this, we can summarize the following two points:
First, although the section element can technically be styled , but we still recommend using div elements when there are complex styles or scripts.
Second, similar to the
So in a real example, the reason for using the
Copy code
The code is as follows:Blog Post Title
Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
Blog Post Title
Ice cream tart powder jelly-o.
Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.
This is just an example, the
Article element
From the name, it has already explained itself well, but we still have to look at how the official document describes it:
"In A document, page, application or section of a site that is, in general, independently redistributable or reusable, for example in a forum post, magazine or news article, blog entry, or user submission. Comments, interactive widgets or widgets, or any other stand-alone item of content. ”
From the above description, we can conclude that the
The following example shows how to use
Copy code
The code is as follows:This is Blog Post Title
Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
halvah gummies danish biscuit applicake gingerbread jelly-o pastry.
< /div>
In addition, the
Copy code
The code is as follows:This is Blog Post Title
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：HTML5 HTML element extension (Part 2) - the enhanced Form element deserves attention_html5 tutorial skillsNext article：HTML5 HTML element extension (Part 2) - the enhanced Form element deserves attention_html5 tutorial skills
Related articles
See more- AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds
- HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)
- Detailed explanation of image drawing examples in HTML5 canvas 9
- Regular expressions and new HTML5 elements
- How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server