ホームページ >ウェブフロントエンド >H5 チュートリアル >html5セクションタグとは何を意味するのでしょうか? html5セクションタグの使い方まとめ

html5セクションタグとは何を意味するのでしょうか? html5セクションタグの使い方まとめ

寻∝梦
寻∝梦オリジナル
2018-08-29 16:36:3823427ブラウズ

この記事では主にHTML5セクションタグの定義とその使い方について紹介します

まず、HTML5セクションタグの意味を説明しましょう。ドキュメント内のセクション (セクション、セクション) を定義します。章、ヘッダー、フッター、文書のその他の部分など。

セクションタグをよりよく理解するのに役立つ例を見てください:

ドキュメント内のセクションでは PRC について説明しています:

<section>
  <h1>PHP中文网</h1>
  <p>这里是PHP中文网,网址是www.php.cn</p>
</section>

効果の例は次のとおりです:

html5セクションタグとは何を意味するのでしょうか? html5セクションタグの使い方まとめそれではポイントについて話しましょうセクションタグについての注意事項:

セクションは、コンテナとして特化して使用されるタグではありません。スタイルの設定やスクリプト処理のみに使用される場合は、専用の div

セクションにタイトル (h1~6) が必要です。代わりに、article を使用することをお勧めします

簡単な経験則として、要素のコンテンツがドキュメントのアウトラインにリストされる場合にのみ、section 要素を使用します。

セクションの機能は、ページ上のコンテンツを各タイトルセクション、機能エリア、記事セクションなどのセクションに分割することです。独自の完全で独立したコンテンツを持つ記事と混同しないでください。

html5 セクション タグの使用:

html5 では、ドキュメントの構造を記述するために使用される

タグと同じ意味を持ちます。しかし、特定の状況では、この 2 つに明らかな違いがあります。

w3 の
の定義は次のとおりです: ドキュメントのセクションを定義します (独自の
を持つことができます)。

w3 の
の定義は次のとおりです。ドキュメントのセクションを定義します。 (ただし、セマンティクスが欠けているため、外側のレイアウトに適しているように見えます。)

次に、ケースを見てみましょう:

<body>
  <header></header>
  <div id=“content”>
     <section></section>
     <section></section>
  </div>
  <footer></footer>
</body>
ここでは、
を使用して、コンテンツの Chapter/Area の ID を持つ 2 つの div を定義します。もちろん、ここで div をセクションに直接置き換えたり、内部の
に変更することもできます。これは、ここでは 2 つの違いを明確に区別できないためです:
<section id=”content”>
   <section></section>
   <section></section>
</section>
または:

<div id=”content”>
   <div></div>
   <div></div>
</div>

HTML5 セクション タグの説明:

最外側の章全体をレイアウトするには

タグを使用し、内側の章を定義するには
を使用します。もちろん文書全体を章とみなす場合は、
の代わりに
を使用することもできます。 div>。これらの場所は
のセマンティクスを反映できません。 【編集者のおすすめ】

HTMLでpreタグ内のテキストを折り返すにはどうすればいいですか? HTML preタグの使用例


HTML iframeタグの使い方は? HTML iframeタグの使用例のご紹介

以上がhtml5セクションタグとは何を意味するのでしょうか? html5セクションタグの使い方まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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