WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <aside>「補助・余談セクション」

<aside> 「補助・余談セクション」[読み方:アサイド]

<aside>タグは、本文の補足、余談、用語説明などを表す。
本文を補足する「ちなみに・・・」や「余談とはなりますが・・・」などの範囲を指定します。
サイドバー(サイドメニュー)や広告欄などにも適用できます。

HTML規格HTML4.01HTML5
使用可否×
<aside>は、HTML5で追加されたタグです
ブラウザ別の対応状況
下記サイトで確認できます。
「Can I use」(英語のサイトです)
広告

<aside> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
セクショニングコンテンツ
フローコンテンツを子要素にもてる場所フローコンテンツ
但し、<main>は、不可
不可

<aside> の属性

【構文】
<aside>~内容~</aside>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<aside>タグのサンプル

ブログのサンプル
<p>HTMLはインターネットのホームページ作成などに利用されている言語のひとつである。多くのサイトはHTMLで作成されており、WEB制作者には必須言語となっている。</p>
<aside>
ちなみに、HTML1.0は1993年6月にIIIR Workingグループより提出されている
</aside>

HTMLはインターネットのホームページ作成などに利用されている言語のひとつである。多くのサイトはHTMLで作成されており、WEB制作者には必須言語となっている。

ページTOP

留意事項

  • <aside>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
    当面は、<div>タグなどで対応した方が良いかも知れません。
    ただし、IE7,IE8なども対応していないのですが表示が乱れるなどの事象は発生しませんでした。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン