What does the header tag in HTML5 mean? How to use header tags in HTML5 do you know?

Source: Internet
Author: User
What does the header tag in HTML5 mean? How to use header tags in HTML5 do you know? This article mainly introduces the HTML5 's head label

Introduction to the homepage:


Definition and usage of header tags in HTML:

HTML

Instructions for use:

The

Examples of usage:


Differences between HTML 4.01 and HTML 5

The

Header tags are different from our most familiar head tags, headers are often more often used to define the header of the article, below we will analyze the use of header tags in HTML5:

In the new standard, the header tag is defined as follows:

"A Group of Introductory or navigational aids."

Basic meaning is "an introductory set of assistive content related to navigation". Literally understanding the header tag is not just about defining the header content, but also defining the rest of the page header. This is not exactly the same as our traditional page header definition.

Usually


In the above structure, we can see that using the header we define the title and content of an article. The use of header tags here is not the page header, but the page header of the article.

So in HTML5, the use of headers is more flexible, you can define and organize the document structure according to your needs.

Similarly, the header label is usually placed at the top of the page when you are on the schema page, but if you want to put it on the left, right or even bottom, the label defines only its role in the page, not the location. Of course, the search engine optimization principle, the important content at the end of the schema page in advance.

Finally, because the header belongs to the block element in HTML5, it is best to define CSS if we want to use it in most major browsers, as follows.

header {Display:block;}

Want to see About footer page end of the label click here:HTML5 in the use of footer tags you know? , what does the footer tag in HTML5 mean?

This article HTML5 the header tags in a very thorough, if there are other questions, you can ask below.

"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.