Shulou(Shulou.com)06/02 Report--

This article mainly explains "which is the new header tag in html5". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "which is the new header tag in html5?"

The new header tag for html5 is "header". Header tag can define the header of the document (introduction information), is a guide and navigation function of the structural element, often used to express some preface nature or navigation class content; it can contain some title nature elements, can also put some elements such as logo, search box, and so on.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

The new header tag for html5 is "header".

The header tag defines the header (introduction information) of the document.

Element is used to represent the content of some preface or navigation class. It can contain some title elements, or you can place some elements such as logo, search box, or other elements.

The header element is a structural element with guidance and navigation, which is usually used to place the title of the entire page or a content block within the page, but it can also contain other content, such as placing logo images in the header, search forms, and so on.

Note: there is no limit on the number of header occurrences within a page, which means we can add a header element to different content blocks on the same page.

Instructions for use:

An element is not an element that can form paragraph content, so it does not need to be reflected in the content catalog.

The usage of the header element:

Let's take a look at the use of the header element in detail based on a picture:

What is wrapped in black wireframe is our web page, in which there is a page title, and below the page title is our article title and body content area. In this picture, we can use header elements for both our page title and article title.

Let's demonstrate this:

Page title article title

The body of the article

Header element effect illustration:

In HTML5, a header element can contain at least one heading element (h2-h7), or it can include the hgroup element that we will learn next class, and it can also include other elements. In the new W3C HTML5 standard, we can also include the NAV element.

Let's implement the header case in the figure above:

* {Margin:0;Padding:0;} Body {Font-family: Microsoft Yahei; Text-algin:center;} A {Color:#f60;Text-decoration:none;} Hgroup {Margin-bottom:10px;} Nav {Height:48px;Backgroud:#ff6600;} Nav li {Float:left;Backgroud:#000000;Border-radius:5px;Padding:5px 10px Nav li 10pxThere is ListlystyleWannon;} HTML5 Video tutorial [Mobile version] [HTML5 Forum] Home Mobile version Forum

Illustration of the final effect:

At this point, I believe you have a deeper understanding of "which is the new header tag in html5?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.