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

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

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

HTML5

タグ要素は、新しい html5 下部フッター要素タグを追加し、HTML 5 の新しいフッター タグの基本を理解しています。フッター CSS レイアウト チュートリアル を本当にマスターして理解するには

以前の 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 の新機能であり、IE8 以前と互換性がないため、注意して使用してください。

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

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

 
 
 
 
 
 
 
传统html 使用div布局
 
 
　　© php中文网 版权所有
 
　　学习html，找DIV+CSS资源上PHP中文网! 
 
html5 footer标签布局
 
<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer> 
 

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

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

[編集者の推奨]

HTMLのheadタグはどこにありますか？ headタグの機能まとめ

htmlフレームタグの使い方は？フレームタグの使い方を紹介（例付き）

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