ホームページ > 記事 > ウェブフロントエンド > HTML5のフッタータグの使い方は？フッタータグの使用例

HTML5のフッタータグの使い方は？フッタータグの使用例

この記事では、主に HTML5 フッタータグの使用方法を紹介します。これには、レイアウトやその他の知識、純粋な HTML 編集が含まれます。CSS の知識は必要ありません。それでは、HTML5 フッタータグについてのこの記事を見てみましょう。記事

まず。まず、HTML5 フッタータグの使用方法を見てみましょう:

HTML5

以前の HTML5 バージョンより前に、Web ページの下部に著作権をレイアウトするときに、id="footer" または class= を使用することに慣れていたことを思い出します。「フッター」。 HTML チュートリアルのタグについて詳しく学習してください。

たとえば、従来の HTML レイアウトコード:

<div id=”footer”> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</div>

しかし、html5 では、この一般的に使用される名前の「フッター」が html5 要素のタグメンバーとして追加されます。

HTML5 フッタータグの構文:

<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer>

ちょっとした知識拡張:

HTML5 開発でフッタータグを使用する場合、通常の div タグとして扱うことができますが、一般的には、HTML5 の下部レイアウトに使用されます。ウェブサイト。一般に、Web ページの下部領域は 1 つだけであるため、フッターは 1 回だけ使用するのが最善です。

注:

html5 フッター使用レイアウトのケース:

従来の div タグレイアウトとフッタータグレイアウトを比較して観察し、フッタータグをマスターします。完全な HTML5 レイアウトのサンプルコード:

footer PHP中文网在线演示

传统html 使用div布局

html5 footer标签布局

効果は次の図に示されています:

HTML5のフッタータグの使い方は？フッタータグの使用例

さて、HTML5 フッタータグに関するこの記事はこれで終わりです (さらに詳しく知りたい場合は、PHP 中国語 Web サイトにアクセスしてください) 、必要なオンラインプログラミングコースがすべてあります）、ご質問があれば、以下にメッセージを残してください

[編集者の推奨]

以上がHTML5のフッタータグの使い方は？フッタータグの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る