テスト投稿１

文章の一部か、補足か

img要素をマークアップする時に、どちらを使えばいいのかという基準と考え方をシンプルにまとめてみます。

• 文章の一部であり、その画像がないと説明がうまくできない場合はp要素でマークアップする（alt属性は文章と重複するなら空でOK）
• 画像がなくても意味は通るが、補足として画像を使いたい場合はfigure要素でマークアップする（参照なので本筋とは少し離れるかもといったニュアンス？）

ちなみにfigure要素と同じ、セクショニングルートという通常のアウトライン（文章構造）に含まれないaside要素との違いとしては

• figure要素がそのセクションに参照されるが、独立しても意味が通るもの
• aside要素もそのセクションに関係しているが、切り離しても問題がないもの。ただし、article要素の外に出しておけば、広告（例えばGoogleアドセンスなど）などにも使用できる

といったところがあるようです。

AFTAGいますぐ申し込むよ〜

宮崎県で活動する

株式会社まなびとの代表取締役

XFacebookInstagram

宮崎県で活動するフロントエンドエンジニア。フロントエンド業の傍らWordPressのプラグイン開発や公式テーマレビュー、Webマーケティングやプログラミング教室の講師などのいろいろなお仕事をしてます。