ホームページ > 記事 > ウェブフロントエンド > img 属性の alt と title の違いを図で詳しく説明
写真に属性を追加するとき、最初に学習したとき、alt と title の違いを混同する可能性があります。そこで、元の意味から 2 つの違いを見てみましょう -
alt の元の単語は「Alternate」です。 」, Switchは置き換えるという意味です。一般的に使用される入力方法の切り替えでは、alt キーを使用して中国語と英語を切り替えます。 Youdao によると、標準的な定義は次のとおりです。
title は、タイトル、テーマ、特定のオブジェクトのタイトルです。記事にタイトルがある場合、その機能は記事の概要説明を提供することです。記事。
つまり、HTML ドキュメントの img タグを編集する場合、alt は img が表示できないときに説明を置き換えるために使用され、タイトルは画像に関係なく、画像を説明するテーマになります。表示するかどうかは関係なく、imgタグが存在する限り、imgの位置にマウスを置くとタイトル内容が表示されます。
例を見てみましょう:
例 1、画像は表示できます。
例 2、画像は表示されません。
オルト画像を表示できない場合に使用されます。
title は、img タグが存在するかどうかに関係なく、画像の説明として機能します。画像が表示されるかどうかは、ここでマウスが停止すると表示されます
以上がimg 属性の alt と title の違いを図で詳しく説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。