• HOME
  • web
  • imgタグとHTML5 / XHTMLの関係

imgタグとHTML5 / XHTMLの関係

  • <img>タグ

    • ページに画像を表示するための空要素(中身を持たない)。

    • src(画像のパス)とalt(代替テキスト)は必須。

  • HTML5の場合

    • <img src="sample.jpg" alt="説明"> のように書く。

    • 自己終了スラッシュ(/)は不要。

  • XHTMLの場合

    • HTMLをXML準拠にした仕様(今はほぼ使われない)。

    • 空要素は <img src="sample.jpg" alt="説明" /> のように /> で閉じる必要があった。

  • まとめ

    • 今のWebは基本 HTML5記法でOK。

    • ただしHTMLメールでは古い環境互換のために XHTML風の/> がよく残っている。

  • HTML5 では <img>単純に <img ...> と書くだけでOK ですが、
    XHTML や XML のルールを意識した書き方だと <img ... /> のように最後に / を付けて「自己終了タグ」にします。