What are the article tags in HTML5? Where is the article element used in HTML5?

Source: Internet
Author: User
What are the article tags in HTML5? Where is the article element used in HTML5? This article mainly explains what is the article tag in HTML5, where article is used, and what the standard attributes of article tags in HTML5 are. Let's take a look at it. (At the end of this article there elements have wordsSelf-introduction of article tags)

Explanation of the article tag in HTML5:

This tag is in HTML5, which means to replace the div structure, which defines a large external frame, just like the outermost div that we often define, and now have these different tags of their own hierarchy.

So the following article should also include many other tags. After combining the implementation of the design of the column, CSS is also based on this has been adjusted to support the display of its style, while JS also needs some changes, jquery is still active, and not because HTML5 repeated its part of the function and was excluded

Some tags have been appended to the HTML5 in relation to previous versions of document writing. element structure such as header, footer, content area, and so on. The article and section elements are added to the main structure element. So what's the difference between the two of them, when to use article, what is the section

Want to know what the section tag is in the SENTION:HTML5 in HTML5? How to center the section label in HTML5?

The article element represents a document, a page, or an independent, complete, externally referenced content in an application that can appear as an article, a post, a comment, or a standalone plugin. In addition to the content theme, a article element usually has its own caption and footnotes.

Definition and usage of article tags in HTML5:

The <article> tag defines the external content.

External content can be a new article from an external news provider, text from a blog, or text from a forum. or from other external source content.

There are examples:

<article><a href= "http://www.apple.com" >safari 5 released</a><br/>7 June 2010. Just after the announcement of the new IPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac ... </article>

Article is an element that can be nested, in principle, the article inner layer should be associated with the contents of the outer layers, such as the body of an article and comments on the body can be nested with article.

Section will distinguish the text and comments, he is a block of elements, the next lesson will be explained. Article has a very complete and independent division of each of the reviews.

Article can also be used to represent a plugin, the following is a allow full-screen code, his role is to make the plug-in looks like completely embedded in the page inside the same.

Standard properties for article tags in HTML5:

Class, Contenteditable, ContextMenu, dir, draggable, id, irrelevant,

Lang, ref, Registrationmark, TabIndex, template, title

Here is an example of using the article label layout to learn about article element tags.

Full HTML5 Instance code:

<! DOCTYPE html>

Tips and Comments:

Note the contents of the:<article> label are independent of the rest of the document.

"Elements have words."

Article:

Comrades good, I am article, is a special section, I have more explicit semantics than sections, is a separate, complete related content block representation. In general, I will have a title section (usually included in the header), and sometimes it will contain footer. Although section is also a thematic piece of content, in terms of structure and content, I am self-contained and complete, representing the independent, complete, externally referenced content of a document, page, or application. For example: An article in a blog, a post in a forum, or a comment from a reviewer. Because the article element is a separate piece of content, the article element usually contains the head (header Element), the bottom (footer element).

"Recommended"

What is the web in HTML5? What are the elements in Web Storage?

What are the attributes of the HTML img tag? Learn about the use of IMG tags

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.