h5 の alt と title の違いと使い方を共有する

Alt と title は私たちが仕事で頻繁に使用する 2 つの属性ですが、それらの違いをまとめたことはありません。では、両者の使い方をまとめてみましょう。

同じ点: それらはすべて、テキストコンテンツを表示するために小さなフローティングレイヤーを浮かび上がらせます。

相違点: 1.alt は要素の属性のみにすることができますが、title は要素またはラベルの属性にすることができます (例: )。

2. alt 属性は、img、area、input 要素 (アプレット要素を含む) でのみ使用でき、画像を表示するときにユーザーが画像情報を理解できるようにテキストの説明を提供します。 Webページが正常に表示されません。 alt は追加の説明テキストを提供するのではなく、画像を置き換えるために使用されることに注意してください。一部の SEO 関係者によると、alt 属性を使用すると、検索エンジンの最適化効果もあります。検索エンジンは画像情報を直接読み取ることができないため、alt は画像情報にテキスト情報を提供できるため、検索エンジンにとってよりフレンドリーです。

タイトルは任意の要素上で使用でき、要素の上にマウスを移動すると、タイトルの内容が表示され、補足説明やプロンプトの効果が得られます。

しかし、よく間違いを犯してしまうのは、img タグ内で title と alt という 2 つの属性が同時に使用されている場合です。古いバージョンの IE ブラウザでは、マウスが画像の上を通過したときに表示されるプロンプト テキストは alt コンテンツであり、title 属性は無視されます。これは多くの人々を誤解させました。したがって、IE で title の内容を表示したい場合は、title 属性が alt と一致しているか、alt の内容が空 ("" でスペースなし) である必要があります。ただし、IE の新しいバージョン (IE8 以降) では、この状況は発生しなくなりました。
また、imgタグがaタグ内にネストされている場合、imgのtitle属性が有効になります。

【関連推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード

2. 無料の h5 オンラインビデオチュートリアル

3. cn オリジナルの HTML5 ビデオ チュートリアル

4.

H5 video タグが音声のみを再生でき、動画は再生できない問題の解決策

5.

IIS の MIME が MP4 タイプを登録しないため、 vidoeタグが認識されない場合の解決策

以上がh5 の alt と title の違いと使い方を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。