8

null alt="" を追加する利点は何ですか? 検証に合格するためだけですか、それとももっと理由がありますか

そしてそれはどのように書くべきですか？

このように、スペースがありません

alt=""

またはこれを1つの空白で

alt=" "
4

4 に答える 4

6

XHTML を検証するため。alt は画像の必須属性です。

ただし、空白を追加することは、プログラマーの怠惰の兆候です (ただし、小さな装飾要素など、サイト ナビゲーションのキーではない画像に対しても行うことは認めます)。

PS シャドー コンポーネントのような装飾要素がある場合、特定の装飾を画像ではなく CSS 背景として追加できるため、代替テキストを記述する必要がなくなり、マークアップにコンテンツ以外のものをきれいに保つことができます。

于 2010-01-28T09:54:27.660 に答える
5

他の回答は、標準の要件を指摘しています。以下に実際の例を示します。

空白の alt テキストを指定すると、lynx は次のようにレンダリングします。

alt 属性が欠落している場合、lynx は次のようにレンダリングします。

ファイル名.jpg

コンテンツに無関係なファイル名が散在するのは望ましくありません。

于 2010-01-28T10:12:06.710 に答える
3

適切な代替テキストがない画像 (つまり、装飾要素などのセマンティクスを持たない画像) の場合、alt属性は空にする必要があります。Empty は空であることを意味し、単一のスペースではありません (これは慣例であり推奨事項ですが、良いものです)。

and要素にはalt属性を指定する必要があります。and要素ではオプションです。IMGAREAINPUTAPPLET

代替テキストは非常に役立つ場合がありますが、注意して取り扱う必要があります。作成者は、次のガイドラインに従う必要があります。

  • ページの書式設定を目的とした画像を含める場合は、無関係な代替テキストを指定しないでください。たとえば、alt="red ball"見出しや段落を装飾するために赤いボールを追加する画像には不適切です。このような場合、代替テキストは空の文字列 ("") にする必要があります。いずれにせよ、ページの書式設定に画像を使用することは避けてください。代わりにスタイル シートを使用する必要があります。
  • 無意味な代替テキスト (「ダミー テキスト」など) を指定しないでください。これはユーザーを苛立たせるだけでなく、テキストを音声または点字出力に変換しなければならないユーザー エージェントの速度を低下させます。

実装者は、代替テキストが省略された場合の処理​​方法について、アクセシビリティに関するセクションを参照する必要があります。

—<a href="http://www.w3.org/TR/html401/struct/objects.html#adef-alt" rel="nofollow noreferrer">HTML 4 仕様。セクション 13.8 代替テキストの指定方法

于 2010-01-28T09:57:53.753 に答える
0

これも回答として追加します（元は別の回答へのコメント）。そうするのは理にかなっています。

ページのスタイリングに使用される画像 (したがって、実際の "alt" の使用法はありません) は、マークアップではなく、CSS および background-image とその関連を介して挿入する必要があります。そうすれば、一度に 2 つの良いことを行うことができます。デザインをスタイルシートに保持し、意味のないコードをページから除外します。

「セマンティクスは神」の動きは、div と span の失敗と、それらが生み出す固有のあいまいさを認識できていないと思いますが、スタイリングには img タグよりも background-image を含む div の方が優れていると思います。

于 2010-01-28T10:10:46.110 に答える