<aside>

アサイド（タグ）

意味補足情報

<aside>とは？

<aside>タグは、メインコンテンツに対して補助的な内容を表すタグです。例えば、サイドバーに表示される出典のリンクや注釈、補足や脚注などを含むエリアを表します。

<aside>の具体的な使い方

サイドバーを作成する例

<aside>
  <h4>関連リンク</h4>
  <ul>
    <li><a href="#">リンク1</a></li>
    <li><a href="#">リンク2</a></li>
  </ul>
</aside>

関連情報やリンクを提供するサイドバーの例です。これにより、メインコンテンツとは別の補足情報としてブラウザーに扱われます。

<aside>に関するよくある質問

Q. <aside>はサイドバー専用？

A. いいえ、サイドバーに限定されません。主要コンテンツに関連するが、独立して意味をなす補足情報を表すために使用します。例えば、記事内の引用やコールアウトボックスにも使えます。

Q. <aside>と<section>の違いは？

A. <aside>は主要コンテンツを補足する情報を表し、<section>は文書の主要な構造を形成する意味的なまとまりを表します。<aside>は取り除いても主要コンテンツの理解に影響しない内容に使用します。

Q. <aside>内にナビゲーションを入れてもいい？

A. はい、可能です。特にサイドバーなどで関連ページへのリンクを提供する場合によく使用されます。ただし、サイト全体のメインナビゲーションには<nav>タグを使用するのが適切です。

<aside>が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLの<aside>や<head>、<td>、<span>、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。