What is the section tag in HTML5? How to center the section label in HTML5?

Source: Internet
Author: User
What is the section tag in HTML5? How to center the section label in HTML5? This article in detail for everyone to cite examples, convenient for everyone to watch, in which the definition and role of section in HTML5, there are examples in the inside. (and later elements have words

html5-new semantic elements header, nav, section, article, aside, footer, etc.

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

What is the article tag in ARTICLE:HTML5? Where is the article element used in HTML5?

Today, let's talk about the definition of the <section> element in the new semantic element:

<section>: It defines the sections (section, section) in the document. such as chapters, headers, footers, or other parts of a document, a section usually contains a set of content and its title.

The role of the section element in HTML5:

A section element is a block of content on a page, such as an article fragment, and the contents of an adjacent section element should be relevant, not as independent as article. For example an article:

<article>      

How to center the section label in HTML5:

I think using CSS style, text-align:center, this to center, to see the example:

<! DOCTYPE html>

Although the section elements can be technically styled, we still recommend using DIV elements when there are complex styles or scripts.

Similar to the <li> element, the section element is used to enumerate the contents.

So in the real world example, the reason for using the <section> element is structured to list the contents of the blog, the code is as follows:

<div class= "blog" >       <section class= "POST" >           

This is just an example,<section> element can also be used for other purposes.

"Elements have words."

Section

Hello,ladies and gentlemen, I'm section. The International conference I attended was so introduced to me, "the section element represents a generic section of a document or application. A section, the this context, are a thematic grouping of content, typically with a heading. "I am a div with semantics," Examples of section S would is chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site ' s home page could is split into sections for an introduction, news items, and contact information. " The scene I attended is usually a section of articles, a tab in a label dialog box, or a numbered part of a paper. A website's homepage can be divided into sections such as profiles, news, and contact information. I'm not just a regular container label. When a tag is just for styling or handy for scripting, you should go to my friend Div. In general, I am a good candidate when the element content is clearly present in the document outline. Usually with the title,<section>

"Recommended"

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

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

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.