Hatena::Groupweb

aside

aside

aside要素

カテゴリー
Flow content
Sectioning content
記述可能箇所
Flow contentを内容モデルに持つ要素内
内容モデル
Flow content

aside要素は、ページ内のセクションのうち、本文の内容とあまり関係ない、もしくは全然関係ない情報で、本文の内容とは別個に考えられるものを表します。このようなセクションは、印刷物においては補足欄に現れています。

次の例は、ヨーロッパに関するとても長いニュース記事のなかで、スイスに関する補足情報をasideでマークアップしてるものです。

<aside>
 <h1>スイス</h1>
 <p>地理的にヨーロッパの真ん中に位置する内陸国、スイスは未だEUに加盟していませんが、他の条約にはいくつも署名しています。</p>
</aside>

次の例は、長い記事の中でasideをpull quoteに利用しています。

...

<p>彼は後に大会社に入社したが、同じ仕事を続けている。
<q>私は自分の仕事が大好きだ。「仕事をしていない時は何をやっているのか」と尋ねる人がいるが、私は雇われて自分の趣味をやっているため、どう答えてよいのかわからない。もし働く必要がないとしして、その時何をすればいいのかわからない人がいる。しかし私は、自分が何をするのかわかっている。なぜかって?私は一年間無職だったが、その間今と全く同じ事をしていたからさ。</q></p>

<aside>
 <q>「仕事をしていない時は何をやっているのか」と尋ねる人がいるが、私は雇われて自分の趣味をやっているため、どう答えてよいのかわからない。</q>
</aside>

<p>もちろん彼の仕事(趣味と呼ぶべきか)だけが彼の楽しみではない。彼は他にも生きる楽しみを持っている。</p>

...