インライン画像とは何ですか?

インライン画像は、視覚的なアピールを追加したり、情報を提供したり、ハイパーリンクを表すために、Webページに挿入されたグラフィック画像です。インライン画像は通常、GIF、JPEG、またはPNG形式です。データURIスキームを使用して、Webページに組み込まれます。

データurisを使用すると、ブラウザが即座に取得できる小さなサイズのデータ​​を埋め込むことができます。インライン画像は、HTMLとともにブラウザによって取得され、Webドキュメントの一部として表示されます。ブラウザが時間やトラブルをかけすぎずに画像を取得して表示できるようにするには、小型のインライン画像を使用することをお勧めします。

大きな画像は読み込み時間を遅くし、画面に表示されるまでにサイトが長くかかります。ほとんどのWeb訪問者は、それが起こるのを見るためにぶらぶらする忍耐を持っていません。これは、サイトトラフィックに悪影響を及ぼします。

HTMLインライン画像は、表示されるWebサイトのサーバーから、または他の外部サーバーから含まれています。外部ソースからのインライン画像を使用することは、許可なく行うことができるため、競合の問題です。 IMGタグは、Webページのパラグラフと見出しにインライン画像を挿入するために使用されます。 IMGタグは、自由に浮かぶ形で使用することはできません。別の要素に囲まれなければなりません。

IMGタグの必要な属性はSRC属性です。 SRC属性は、ブラウザが画像ファイルを取得できるWebアドレスまたはURLを指定します。 SRC属性とは別に、HTMLインライン画像は3つのオプションの属性で定義できます。これらはalt、align、およびisMapです。

Alt属性は、インライン画像テキストの代替案を提供します。したがって、視聴者のブラウザがグラフィックスをサポートしていない場合、視聴者は画像の代わりにテキストを表示します。 ALT属性を使用することを強くお勧めします。

alt属性値は空の文字列にすることができます。たとえば、装飾がある場合e画像、代替テキストを提供することはネッカリーではありません。したがって、ALT属性値は空白のままにすることができます。

インライン画像スタイルは、Align属性を使用して設定できます。 Align属性は、Webページのテキストに関連してインライン画像が表示される必要がある場所をブラウザに伝えます。インライン画像は、Webページの隣接するテキストの上部、中央、または下部に整合することができます。

ISMAP属性を使用すると、インライン画像はアクティブな画像マップとしてマークできます。これは、誰かが異なる部分をクリックするたびに、画像のさまざまな部分を作成するために作成できることを意味します。たとえば、地球と土星を示すインライン画像がある場合、地球をクリックすると、地球に関する情報が生じる可能性があり、土星をクリックすると土星に関する情報が生じる可能性があります。

Alt属性やAlign属性とは異なり、ISMAP属性はIMGタグに単なる含めることによって機能しません。サーバーで実行される構成が必要です。ある程度のプログラミングKnowleDGEも必要になる場合があります。

他の言語

この記事は参考になりましたか? フィードバックをお寄せいただきありがとうございます フィードバックをお寄せいただきありがとうございます

どのように我々は助けることができます? どのように我々は助けることができます?