備忘録的プログラミングリファレンス

<aside>エレメント

ブロック要素

 <aside>エレメントは、ページ内に含めておきたいことや網羅したい内容などのサブコンテンツを入れます。 主な内容であるメインコンテンツは<main>エレメントに入れます。

 ページ内容の横に表示される、関連INDEXなどが<aside>になります。

 以下は、<header><nav><article><main>、<aside>、<footer>を使った簡単な例です。

<aside>例

 <article>エレメントを使っています。 1ページとして完結した内容を示すエレメントです。後で<main>、asideのレイアウトをデバイスごとに調整するのに便利だからです。

属性(Attributes)

 主な属性のみを示します。

AttributeValueExtra information
classcssに使います。同名のclassは同じスタイルが適応されます。

タグの編集

Web API(DOM)

 Web API(DOM)で関連するインターフェイスには以下があります。

  • HTMLElement