PlugOut https://blog.hatena.ne.jp/PlugOut/ Unknown Region https://plugout.hateblo.jp/ HTML 備忘録がてらメモ。 HTML上で画像の表示には主に [imgタグ] を使用するが、その画像の説明を追加する方法がいくつかある。 それぞれどのような場面で使用すべきかをまとめる。 alt属性 この [alt属性] には [画像が表示されない場合に何が表示されるべきか説明する文章] を設定する。 これは [alternative (代替) ] として定義されているもので、更に画像を認識できない人や状況のために、ページの読み上げツール等でも利用されている要素でもある。 例: [imgタグ] へ [alt属性] を設定 <img src="https://cdn-ak.f.st-hatena.com/… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fplugout.hateblo.jp%2Fentry%2F2023%2F11%2F22%2F120000" title="【HTML】imgタグにはalt, title, figcaptionのどれを設定すべきか - Unknown Region" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/P/PlugOut/20180713/20180713184625.png Hatena Blog https://hatena.blog 2023-11-22 12:00:00 rich https://plugout.hateblo.jp/entry/2023/11/22/120000 1.0 100%