HTML/XHTMLでimgイメージタグを使用する方法-htmlチュートリアル-php.cn

HTML/XHTMLでimgイメージタグを使用する方法

php中世界最好的语言

リリース： 2018-01-24 09:22:49

オリジナル

2956 人が閲覧しました

今回は HTML/XHTML で img image タグを使用する方法を説明します。 HTML/XHTML で img image タグを使用する際の注意点は何ですか?実際の事例を見てみましょう。

imageタグはWebページに画像を表示するために使用されます。

HTML/XHTML 画像
XHTML では、表示する画像を定義するためにタグが使用されます。はペアになっていないタグです。

基本構文:

タグは src

属性を通じて画像のソースを決定し、url は相対または絶対画像アドレスです。

イメージタグ属性:

src:
imageソース、必須。表示される画像のソースアドレスを相対アドレスまたは絶対アドレスで指定します。 alt: 代替テキスト。省略可能。画像が表示できない場合やブラウザが画像をブロックした場合に表示されるテキストを置き換えるのに使用されます。
タイトル: 画像プロンプトテキスト。省略可能。マウスを画像の上に置くと、関連するテキストが表示されます。

width: 画像表示の幅、省略可能。単位はピクセルです。
height: 画像表示の高さ。省略可能。単位はピクセルです。

テキスト置換属性(alt)

画像タグaltのテキスト置換属性は必須属性ではありませんが、非常に重要な属性です。ブラウザが何らかの理由で画像の読み取りに失敗した場合、この代替テキストが表示されて、元の画像が置き換えられ、失われた関連画像情報が提供されます。この属性は、テキスト専用ブラウザを使用しているユーザーがページのコンテンツを理解するのにも役立ちます。
そのため、各画像に意味のある代替テキスト置換属性を追加することをお勧めします。

画像の表示サイズを指定します

幅または高さの属性をタグに追加して、画像の表示サイズを手動で指定できます:

ヒント

通常の状況では、画像のサイズ属性は次のようになります。無視され、元の画像サイズがデフォルトで表示されるか、デバイスの適応サイズ表示を参照します。不適切な画像表示サイズを指定すると、画像が乱れて表示される場合があります。
画像の読み込みにはある程度の時間がかかるため、良好なユーザーアクセスエクスペリエンスを実現するには、画質を確保しながら画像のサイズを削減するように努める必要があります。

拡張読書

ピクセル: ピクセルとは、コンピューターが表示できる最小の点であるとよく考えられます。たとえば、画面の解像度は 1024*768 であるとよく言われます。これは、画面上に水平に 1024 (ピクセル) あることを意味します。 ) ポイントは縦に 768 (ピクセル) あります。単位として使用する場合、通常はデフォルトで pix と表記されます。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。