HTML
表示
alt
=alt
alt
には、画像の説明を書きます。alt
に書いた内容は、画像が読み込まれなかった時に表示されます。HTML
alt="表示できない画像"
>表示
crossorigin
=mode
crossorigin
には、画像の取得にCROSを使用するか設定します。mode
で指定できる値:anonymous
資格情報を省略して送信します。use-credentials
資格情報を含めて送信しますdecoding
=mode
decoding
は画像のデコードするタイミングを指定しますmode
で指定できる値:async
他のコンテンツと非同期にデコードしますsync
他のコンテンツと同期的にデコードしますauto
ブラウザに任せます(規定値)fetchpriority
=priority
fetchpriority
は画像の読み込み優先度を指定しますpriority
で指定できる値:high
優先度が高いlow
優先度が低いauto
ブラウザに任せます(規定値)height
=px
height
は画像の縦幅をpx単位で指定しますloading
=loading
loading
は画像の読み込みタイミングを指定しますloading
で指定できる値:eager
画像がビューポート範囲内に入らなくても読み込みますlazy
画像がビューポート範囲内に入るまで読み込みを遅延させますreferrerpolicy
=policy
referrerpolicy
はリソースを読み込むときにどのリファラーを使うか指定しますpolicy
で指定できる値:no-referrer
リファラーを送信しませんno-referrer-when-downgrade
SSLを使用せずに移動した場合送信しませんorigin
オリジンのみ送信されますorigin-when-cross-origin
異なるオリジンへはオリジン、同一オリジンへはフルパスが送信されますsame-origin
同一オリジンのみ送信しますstrict-origin
宛先がHTTPの場合は送信しませんstrict-origin-when-cross-origin
同一オリジンで宛先がHTTPでない場合は送信します(規定値)unsafe-url
フルパスで送信しますsrc
=url
src
は画像のURLを指定しますwidth
=px
width
は画像の横幅を指定します