[B! alt][img] lion_7326のブックマーク

lion_7326 id:lion_7326

altとimgに関するlion_7326のブックマーク (2)

[HTML5 入門]本文における画像の設置の簡単なガイドライン
img要素の解説は長い仕様書におけるimg要素の解説は長いです。それはもう、読もうとする人を寄せ付けないレベルです。それでは一向に理解が進まないので、私なりに実際に画像を文書内に配置する場合の解説を書いてみました。あとHTML5で追加されたfigureタグの用法もわからないという人が多いですよね。今回は本文中で用いられる画像に限って解説します。文章の代わりになる画像の設置例えばBBQに行ったとして、その時の作文としてこういう一文を書いたとします。 BBQに行ってきました！場所は多摩川河川敷。この日はバーベキュー日和の快晴で、日差しも夏っぽくていい感じ。この日は早起きして色々準備してきました！こうした文章の中に本文の内容として空がフレームインした画像を挿入したい場合、空の写真は本文の一部と置き換えることができます。 <p>BBQに行ってきました！場所は多摩川河川敷。<br> <img
lion_7326 2013/06/22
HTML5

img

alt
リンク
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。基本必ず定義されるべきであるその値は空であってはならないその画像に代わりになる最適な文字列であるページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない前後で解説されている情報の繰り返しであってはならない画像以外に何も含まれていないリンクやボタンで使われる場合リンクやボタンの目的を明確に伝える文字列を指定するわかりやすく説明するために文章ではなく画像のチャートやグラフを
lion_7326 2013/06/22
web制作

html

markup

alt

img
リンク
1