ホームページ  >  記事  >  ウェブフロントエンド  >  img 属性の alt と title の違いを図で詳しく説明

img 属性の alt と title の違いを図で詳しく説明

黄舟
黄舟オリジナル
2017-10-21 10:35:003046ブラウズ

写真に属性を追加するとき、最初に学習したとき、alt と title の違いを混同する可能性があります。そこで、元の意味から 2 つの違いを見てみましょう -

alt の元の単語は「Alternate」です。 」, Switchは置き換えるという意味です。一般的に使用される入力方法の切り替えでは、alt キーを使用して中国語と英語を切り替えます。 Youdao によると、標準的な定義は次のとおりです。

title は、タイトル、テーマ、特定のオブジェクトのタイトルです。記事にタイトルがある場合、その機能は記事の概要説明を提供することです。記事。

つまり、HTML ドキュメントの img タグを編集する場合、alt は img が表示できないときに説明を置き換えるために使用され、タイトルは画像に関係なく、画像を説明するテーマになります。表示するかどうかは関係なく、imgタグが存在する限り、imgの位置にマウスを置くとタイトル内容が表示されます。

例を見てみましょう:

例 1、画像は表示できます。

例 2、画像は表示されません。

オルト画像を表示できない場合に使用されます。

title は、img タグが存在するかどうかに関係なく、画像の説明として機能します。画像が表示されるかどうかは、ここでマウスが停止すると表示されます

以上がimg 属性の alt と title の違いを図で詳しく説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。