HTMLの要素の使用方法
HTMLの
HTMLの
会社に関するさまざまな情報を表示する複数のセクションがあるWebページがある場合があります。例：
- ヒーローセクション
- サービスセクション
- チームセクション
- スポンサーセクション
- お問い合わせセクション
次に、各セクションを次のように自己完結型のセクションにカプセル化できます。
<section>
<h2>A section 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
複数のトピックについて説明している長い記事があるとします。そのために、
<article>
<h1>Main post title</h1>
<section>
<h2>Topic 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
</article>
フロントページに、個々の投稿へのリンクを含む記事カードのリストを表示するセクションがあるとします。
<section>
<h2>Check out our latest blog posts</h2>
<article>
<a href="/path-to-blog-post-1">
<h3>Blog post 1</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-2">
<h3>Blog post 2</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-3">
<h3>Blog post 3</h3>
</a>
</article>
</section>
<セクション> tagは、コンテナ要素を定義するために使用される多くのHTMLタグの1つです。最も一般的に使用されるHTMLコンテナ要素のいくつかは次のとおりです。
<記事> 、
、 、