First of all, let's say HTML5 header tag element Basic introduction
A header element is a structure element that has a bootstrap and navigation effect, typically used to place the title of an entire page or a chunk of content within a page, but can also contain other content, such as placing a logo image in the header, a search form, and so on.
Note: There is no limit to the number of headers appearing within a page, which means that we can add a header element to each of the different content blocks on the same page.
It is customary to use div tag layout pages before the HTML5 version, and add the header tag element to the HTML5 on the div tag basis. Also called the "
"Header" is a common name for everyone in the HTML layout, so a new header tag element has been added to the HTML5. It is possible to understand why the new header in HTML5 is the tag element.
In addition to using the header tag directly, you can set the class or ID on the header.
HTML5 Header Tag Usage Example:
Introduction to the homepage:
Code effects
This is the most basic usage. 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.
Second, now to say the question of compatibility:
Because the header tag is HTML5 new tag element, so the old version of the browser is not supported, need to ie9+ above browser, the latest Google Chrome and other browsers to support. Of course, the domestic browser, Baidu browser, browsing browser and other browsers are borrowing the system comes with IE core, so the domestic browser is actually the same as your system comes with browser IE version, so your IE browser in IE9 or above version naturally compatible with HTML5 new tag elements.
Now let's upgrade the code above:
<BODY><HEADER><HGROUP><H1>HTML5 Tutorial php Chinese web
Effect
The above is about HTML5 header label Usage introduction, this article introduces so much, want to see more, welcome to topic.alibabacloud.com, there are questions in the bottom of the message.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
