【入門編】footer要素の役割とコンテンツ – HTML実践ガイド

こんにちは！Web制作の世界へようこそ。HTMLを学び始めると、`

`ばかり使ってしまい、「結局どれを使えばいいの？」と迷子になってしまうことはありませんか？

今回は、Webページの「最後の一押し」を担う、大切な要素`

`（フッター）についてお話しします。難しく考える必要はありません。一緒に紐解いていきましょう！

—

そもそも、` `って何のためにあるの？

Webページを、一冊の「雑誌」だと想像してみてください。
一番最初のページにはタイトルがあって、中身には面白い記事が並んでいますよね。では、最後のページには何が書いてあるでしょうか？

「発行所はどこか」「問い合わせ先はどこか」「この内容を勝手にコピーしちゃダメですよ」という著作権の情報……そんな情報が載っていますよね。Webページにおける`

`は、まさにその「雑誌の裏表紙や最終ページ」のような役割を果たしているんです。

ユーザーがページをスクロールしきって、「ふぅ、読み終わったぞ」と思ったときに、次にどこへ行けばいいか、何か困ったときにはどこに連絡すればいいかを教えてあげる。いわば、Webサイトの「おもてなしの場所」なんですよ。

—

` `の中に何を書くのが正解？

「これを入れてはいけない」という絶対的なルールはありませんが、一般的に以下の情報が含まれていると、ユーザーはとても安心します。

  • 著作権情報（コピーライト）: 「© 2024 My Website」といった表示です。
  • サイトマップや関連リンク: 「プライバシーポリシー」や「利用規約」、「運営者情報」など、メインコンテンツとは少し毛色の違う、でも必要なページへのリンク。
  • 連絡先・SNSへのリンク: 「お問い合わせはこちら」や、公式Twitter、Instagramへの入り口。

これらを`

`に入れてあげるだけで、そのサイトはグッとプロっぽく、そして親切な設計になります。

—

実践！` `を書いてみよう

では、実際にコードを書いてみましょう。といっても、難しく考える必要はありません。`

`という箱の中に、必要な情報をポンポンと入れていくだけです。

ここがポイント！

コードの中で`

スポンサーリンク

コメント

タイトルとURLをコピーしました