ビデオ: HTML/CSS講座 第5回【IMGタグとよく使う要素2/ウェブデザイン技能士を目指そう!】 2024
<! - 1 - >
alt:-
画像を見ることができない人のための画像のテキスト記述を提供します。スクリーンリーダーが画像をその人に説明する。説明を短くして焦点を当てることは重要です。画像には数千語の価値がありますが、視聴者はそれらをすべて聞く時間がない可能性があります。 crossorigin:
-
タグで囲まれた タグ内で指定されているように、別のサーバー上にある画像の使用を許可します。ブラウザーは、イメージが外部サーバーではなくローカルサーバーによって提供されているかのように動作します。イメージは別のサーバー上にあるため、src属性は通常、追加のサーバーの詳細を含むように変更されます。
<! - 2 - > この機能を使用するには、サーバーの位置を記述するオリジンHTTPヘッダーも指定する必要があります。 JavaScriptを使用してこの情報にアクセスすることもできます(このタスクの実行例については、Mozilla Developer Networkを参照してください)。この属性の値は次のとおりです。anonymous:
-
外部サーバーは画像を使用するために特別なログインを必要としません。 use-credentials:
-
外部サーバーには、画像にアクセスするためのユーザー名とパスワードが必要です。証明書は、クッキー、xなどのさまざまな手段を使用して提供されます。 509証明書、またはHTTP基本認証です。 <! - 3 - >
height:
-
-
サポートされる任意の単位を使用してイメージの高さを指定します。 ismap:
-
画像がサーバー側のマップである場合に指定します(この属性に関連付けられた値はありません)。マップされた画像を使用して、サイトマップ(サイト上の他の場所への視聴者のリダイレクト)としての動作など、あらゆる種類のタスクを実行できます。 src:
-
画像のソースを定義します。通常、この属性には単純なURLが含まれます。しかし、crossorigin属性を使って作業しているとき、srcは新しい意味を持ちます(詳細はcrossorigin属性の項目を参照してください)。 usemap:
-
イメージがクライアント側のマップであることを指定します。イメージに使用するタグの名前を指定します。 width:
-
サポートされている任意の単位を使用して画像の幅を指定します。