header label

Header <header> tag defines a portion of the area of the document or documents.

<Header> element should be introduced as the contents of the container or navigation links bar.

In a document, you can define multiple <header> element.

NOTE: < header > tag can not be placed < footer > , < address > or another < header > internal element.

For example:

<! DOCTYPE HTML > 
< HTML lang = "EN" > 
< head > 
    < Meta charset = "UTF-. 8" > 
    < title > header tag </ title > 
</ head > 
< body > 

<-! <Article This article was> tag defines a region article -> 
< article This article was > 
    <-! <header> tag defines the header part of the area of a document or documents. -> 
    < header > 
        < h1 > Google Chrome <
        > < Time pubDate datetime = "2020-02-22" > </ Time > </ the p- > 
    </ header > 

    < the p- > Google Chrome was developed by Google free web browser. Chrome is a chemical element "chrome" the English name, also called the last frame of the browser with Chrome. 
        Chrome appropriate open-source project called Chromium, and Google Chrome itself is non-free software, the source code is not open to all. </ P > 
</ Article This article was > 


</ body > 
</ HTML >

Google browser to open:

footer tag

Footer <footer> tag defines a portion of the area of the document or documents.

<Footer> element should contain the information it contains elements.

In a typical case, this element will contain links to copyright information, the terms used in the document creator's name, documents, contact information and so on.

In a document, you can define multiple <footer> element.

Tip: If you use the < footer > element to insert contact information, should be in the < footer > use within the element < address > tag.

For example:

<! DOCTYPE HTML > 
< HTML lang = "EN" > 
< head > 
    < Meta charset = "UTF-. 8" > 
    < title > footer tag </ title > 
</ head > 
< body > 

<-! <Footer> tag defines the footer part of the region of the document or documents. -> 
< footer > 
    < the p- > Source: Baidu Encyclopedia </ the p- > 
    < the p- > < Time Date Time = "2020-02-22"p>
</footer>

</body>
</html>

Google browser to open:

Case

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页眉页脚</title>
</head>
<body>

<!-- <article> 标签定义一个文章区域 -->
<article>
    <!-- <header> 标签定义文档或者文档的一部分区域的页眉。 -->
    <header>
        <h1>Google Chrome</h1>
        <p><time pubdate datetime="2020-02-22"></time></p>
    </header>

    <p>Google Chrome是由Google开发的免费网页浏览器。Chrome是化学元素“铬”的英文名称，过去也用Chrome称呼浏览器的外框。
        Chrome相应的开放源代码计划名为Chromium，而Google Chrome本身是非自由软件，未开放全部源代码。</p>
</article>

<!-- <footer> 标签定义文档或者文档的一部分区域的页脚。 -->
<footer>
    <p>摘自: 百度百科</p>
    <p><time 发布日期时间="2020-02-22"></time></p>
</footer>


</body>
</html>

Google浏览器打开：

Learning HTML headers, footers label (style / section)

header label

footer tag

Case

Guess you like