KumaROOT Logo
  • はじめに

プログラミングしたい

  • コマンドの使い方
  • Gitの使い方
  • ROOTの使い方
  • Geant4の使い方
  • Pythonの使い方
  • NumPyの使い方
  • Pandasの使い方
  • Polarsの使い方
  • Matplotlibの使い方
  • Altairの使い方
  • Plotlyの使い方
  • hvPlotの使い方
  • streamlitの使い方
  • Rustの使い方
  • Google Apps Script の使い方
  • HTML / CSSの使い方
    • セマンティクスしたい
      • セマンティクスしたい(semantics)
      • メインコンテンツしたい(main)
      • フッターしたい(footer)
        • コンテンツ情報したい
        • リファレンス
      • ナビゲーションしたい(nav)
    • HTMLしたい
    • CSSしたい
    • ウェブフォントしたい
    • フレームワークしたい
    • SSGしたい
    • サーバーしたい
    • 未分類
  • Docker の使い方

文書作成したい

  • LaTeXの使い方
  • Sphinxの使い方
  • Hugoの使い方
  • MySTの使い方
  • Typstの使い方
  • VS Codeの使い方
  • Emacsの使い方

未分類

  • ライブ配信
  • ガジェットの使い方
  • DaVinci Resolveの使い方
  • Raspberry Piの使い方
  • Red Pitayaの使い方
  • Windowsの使い方

用語集

  • 用語集
KumaROOT
  • HTML / CSSの使い方
  • フッターしたい(footer)
  • View page source
Previous Next

フッターしたい(footer)

<body>
    <main>...</main>
    <footer>
        <p>&copy; 2024 - KumaROOT</p>
    </footer>
</body>

footerタグでウェブサイトのフッター情報を囲みます。 ページ末尾に表示するためmainタグの後に配置します。

フッターにはウェブサイトのコピーライト情報や、 サイト全体のナビゲーションを掲載することが多いです。

ウェブサイト全体で共通するパーツなので、 SSGやCMSを利用している場合は 部分テンプレートとして作成しておくとよいです。

コンテンツ情報したい

<body>
    <main>
        <article>
            コンテンツ本体
            <footer>
                コンテンツのメタ情報(作成日、著者名、など)
            </footer>
        </article>
    </main>
    <footer>...</footer>
</body>

footer要素はほとんどのフローコンテンツ要素の子要素として配置できます。 作成したページのメタ情報を表示したい場合は、 articleの子要素として配置するとよいです。

リファレンス

  • footer

Previous Next

© Copyright 2015 - 2025, Shota TAKAHASHI.

Built with Sphinx using a theme provided by Read the Docs.