2020.10.01
aside要素
aside
親要素に関連した内容ではあるものの、補足や余談、用語の説明等の切り出しても本筋は問題無い内容を含んだセクションを表します。
サイドバーや広告エリア等で用いられます。
カテゴリー
フローコンテンツ
セクショニングコンテンツ
パルパブルコンテンツ
aside属性
固有の属性はありません。
aside使用例
aside使用例(余談として設置する例)
[html highlight=”12-17″]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>インディアンスパゲッティ< | tech.pjin.jp</title>
<base href="https://tech.pjin.jp/">
</head>
<body>
<article>
<h1>インディアンスパゲッティ</h1>
<p>今日先輩が「インディアン、インディアン」って連呼しているので何の話かと思ったら…</p>
<aside>
<p>
コロンブスがカリブ諸島についたとき、インド周辺の島々であると誤認したから
インドじゃないのにインディアンって呼ばれるようになったみたいですね。
<p>
</aside>
</article>
</body>
</html>
[/html]
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>インディアンスパゲッティ< | tech.pjin.jp</title>
<base href="https://tech.pjin.jp/">
</head>
<body>
<article>
<h1>インディアンスパゲッティ</h1>
<p>今日先輩が「インディアン、インディアン」って連呼しているので何の話かと思ったら…</p>
<aside>
<p>
コロンブスがカリブ諸島についたとき、インド周辺の島々であると誤認したから
インドじゃないのにインディアンって呼ばれるようになったみたいですね。
<p>
</aside>
</article>
</body>
</html>
[/html]