Home  >  Article  >  Web Front-end  >  Summary of the functions and usage of header tags

Summary of the functions and usage of header tags

巴扎黑
巴扎黑Original
2017-06-07 11:43:1513377browse

tag defines the header of a document or a part of a document. The
element should serve as a container for introductory content or navigation links. Within a document, you can define multiple
elements.

Note: The

tag cannot be placed inside a
,
or another
element.

Below we will summarize the usage and examples of header tags:

1.HTML5/CSS3 series tutorials: HTML5 basic tags using header, nav and footer

Everyone may know that there are many tags that were not available before in HTML5, such as header, nav, and footer. Before this, when we developed related page layouts, we often used CSS to define related headers. Header, navigation and bottom part of the page

Summary of the functions and usage of header tags

2.Usage examples of Header tags in HTML

tag is All links on the page specify a default address or default target. This includes URLs in , Summary of the functions and usage of header tags, ,

tags.

Html code

<head>  
  <base href="http://www.w3school.com.cn/tags/">   
  <base target="_blank" /> <!--页面中所有target默认为_blank-->  
</head>  
<body>  
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->  
  <a href="tag_audio.asp">audio </a>  
</body>

Summary of the functions and usage of header tags

##3.

HTML

tag usage

html5 The header element tag html5 has a new tag element of
. Learn how to use it as a header css layout through the html header basic tutorial.

Before the HTML5 version, it was customary to use div tags to layout web pages. In HTML5, a new header tag element is added based on the DIV tag. Also called the "
" header tag. In the past, we often divided web pages into header, content, and bottom in div css layout. For large structures, we often use divs with ids for layout. The header is often laid out using
or
. The characteristics are different from the traditional DIV layout. There is no need for div. tag, but add a new element tag.

It is recognized that "header" is a commonly used name in HTML layout, so a new header tag element has been added to HTML5. You can understand why the header is added as a label element in html5.

In addition to using the header tag directly, you can also set class or id to the header.

Summary of the functions and usage of header tags

4.

A brief analysis of the usage of header tags in HTML5

tag defines the header of the document, usually Some guidance and navigation information. It is not limited to being written in the header of the web page, but can also be written in the content of the web page.

The header tag is defined as follows in the new standard:

"A group of introductory or navigational aids."

Summary of the functions and usage of header tags##5.

Header Please tell me about label margin CSS issue

The above is the detailed content of Summary of the functions and usage of header tags. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:Usage of HTML
tagNext article:Usage of HTML
tag