HTMLのヘッダー、フッターのラベルの学習(スタイル/セクション)

ヘッダ・ラベル

ヘッダ<ヘッダ>タグは、ドキュメントまたはドキュメントの領域の部分を画定します。

<Header>要素は、コンテナまたはナビゲーションリンクバーの内容として導入すべきです。

文書では、複数の<ヘッダ>要素を定義することができます。

注:< ヘッダ>タグを配置することができない< フッタ>< アドレス>または別の< ヘッダ>内部要素。

 

例えば:

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタのcharset = "UTF-8" > 
    < タイトル>ヘッダータグ</ タイトル> 
</ ヘッド> 
< 身体> 

<! - <この記事はでした>タグは、地域の記事を定義する- > 
< 記事この記事だった> 
    <! - <ヘッダ>タグは、ドキュメントやドキュメントのエリアのヘッダ部を定義します。- > 
    < ヘッダ> 
        < H1 > Google Chromeの<
        > < 時間pubDateの日時= "2020年2月22日" > </ 時刻> </ p型> 
    </ ヘッダ> 

    < p型> Google Chromeのは、Googleの無料のウェブブラウザによって開発されました。Chromeはまた、クロムとブラウザの最後のフレームと呼ばれる化学要素「クローム」の英語名です。
        クロム適切なオープンソースプロジェクトは、クロムと呼ばれ、Google Chromeの自体は非フリーソフトウェアであり、ソースコードはすべてに開かれていません。</ P > 
</ Articleこの記事だった> 


</ ボディ> 
</ HTML >

オープンにGoogleのブラウザ:

 

フッタータグ

フッタ<フッタ>タグは、ドキュメントまたはドキュメントの領域の部分を画定します。

<フッタ>要素は、要素が含まれている情報が含まれている必要があります。

典型的なケースでは、この要素は著作権情報へのリンクが含まれます、文書作成者の名前、ドキュメント、連絡先情報などで使用される用語。

文書では、複数の<フッタ>要素を定義することができます。

ヒント:あなたが使用している場合は、< フッタ>連絡先情報を挿入するための要素を、である必要があり、< フッタ>要素内で使用する< アドレス>タグ。

 

例えば:

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタのcharset = "UTF-8" > 
    < タイトル>フッタータグ</ タイトル> 
</ ヘッド> 
< 身体> 

<! - <フッタ>タグは、ドキュメントやドキュメントの地域のフッタ部分を定義します。- > 
< フッタ> 
    < p型>出典:Baiduの百科事典</ p型> 
    < p型> < 時刻日付時間= "2020年2月22日"P > 
</ フッタ> 

</ ボディ> 
</ HTML >

オープンにGoogleのブラウザ:

 

ケース

<!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浏览器打开:

 

          

おすすめ

転載: www.cnblogs.com/liyihua/p/12345614.html
おすすめ