cman.jpWEBページ作成
広告
<aside> 「補助・余談セクション」[読み方：アサイド]
<aside>タグは、本文の補足、余談、用語説明などを表す。
本文を補足する「ちなみに・・・」や「余談とはなりますが・・・」などの範囲を指定します。
サイドバー（サイドメニュー）や広告欄などにも適用できます。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<aside>は、HTML5で追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<aside> の仕様
| カテゴリー | 使用できる場所（親要素） | コンテンツモデル（子要素） | タグ省略 |
|---|---|---|---|
| フローコンテンツ セクショニングコンテンツ | フローコンテンツを子要素にもてる場所 | フローコンテンツ 但し、<main>は、不可 | 不可 |
<aside> の属性
【構文】
<aside>～内容～</aside>
<aside>タグのサンプル
ブログのサンプル
<p>HTMLはインターネットのホームページ作成などに利用されている言語のひとつである。多くのサイトはHTMLで作成されており、WEB制作者には必須言語となっている。</p>
<aside>
ちなみに、HTML1.0は1993年6月にIIIR Workingグループより提出されている
</aside>
<aside>
ちなみに、HTML1.0は1993年6月にIIIR Workingグループより提出されている
</aside>
HTMLはインターネットのホームページ作成などに利用されている言語のひとつである。多くのサイトはHTMLで作成されており、WEB制作者には必須言語となっている。
留意事項
- <aside>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
当面は、<div>タグなどで対応した方が良いかも知れません。
ただし、IE7,IE8なども対応していないのですが表示が乱れるなどの事象は発生しませんでした。
広告