フッターセクション


<section>要素を<footer>に埋め込むことはできますか?

<section>要素はHTML5に登場し 、コンテンツをパーツまたはセクションに分割します。 したがって、名前。


これが一般に<section>あることを理解する方法は? これは、どこにでも投資できるかどうかよりもさらに重要です。 <section>はコンテンツの一部です。つまり、単独では意味がありません。 これは、1ポイントリストのようなもので、段落である可能性が高くなります。


 <main> <section> <h2>?</h2> </section> </main> 

コンテンツが複数の論理部分に分割されている場合、それぞれを個別の<section>でラップできます。 そのようなセクションには、そこに含まれる内容を明確にするために見出しを付ける必要があります。 仕様でもそれを主張しています。


 <h1></h1> <section> <h2></h2> </section> <section> <h2></h2> </section> 

多くの人は、 <section>はとてもファッショナブルな<div>あり、非常に間違っていると考えています。 見て、私はHTML5を使用しています! いや この要素には特定の意味があり、理解できない場合は、まったく触れないほうがよいでしょう。


仕様から直接<section>を使用する最も顕著な例は、タブ付きブロックです。 タブのグループがあり、それぞれのタイトルをクリックすると、その内容が表示されます。 このようなタブは実際の<section>です。


または、一般的な1ページのランディング:すべてのサイトコンテンツは1ページにありますが、ウィンドウのサイズが別々の部分になります。 会社の説明、利点、カードでの住所-それだけです。 そのような各ブロックは<section>です。


さて、セクションを整理しましたが、 <footer>何ですか? 要するに、これは発行日、著者、脚注を含む参照ブロックです。 そして、彼はページ上の唯一のものではないかもしれません! 個別に個別に説明します。


したがって、 <footer>参照、 <section>は部分に分割されます。 つまり、証明書に構造的な部分がある場合、それはなぜですか? 連絡先、サイトマップ、検索など、ナビゲーションに役立つ多くの情報がサイトの地下に置かれることがあります。 良い、太い小さな<footer>


 <footer> <section> <h2></h2> </section> <section> <h2></h2> </section> </footer> 

各セクションに適切なタイトルを付け、 <footer>を部分に分割します。


<section>およびその他の要素のセマンティクスについては、HTML5 Doctor Webサイトで読むことができます。 HTML作成者は、開発者を支援する記事をいくつか書いています。 また、多くの翻訳が行われたため、すべてのリンクはビデオの説明に含まれています。


道徳:新しい構造HTML要素は、それらがどのように機能するかを理解している場合にのみ使用してください。 また、セクションの見出しを挿入することを忘れないでください。 また、レイアウト上にない場合は、非表示にします。


ビデオ版



ここで質問することができます



Source: https://habr.com/ru/post/J337282/


All Articles