HTMLチュートリアル：title属性とalt属性_HTML/Xhtml_Webページ制作

XHTML は CSS レイアウトの基礎であり、jb51.net はセマンティクスと文書構造に注意を払いながら、XHTML の知識を学ぶことを常に重視してきました。 title 属性と alt 属性は、ドキュメントの適応性を向上させ、キーワードの密度を適度に高めることができると最も直感的に感じます。 XHTML規格では画像のalt属性が必須です。
XHTML は CSS レイアウトの基礎であり、jb51.net はセマンティクスと文書構造に注意を払いながら、XHTML の知識の学習を常に重視してきました。 title 属性と alt 属性は、ドキュメントの適応性を向上させ、キーワードの密度を適度に高めることができると最も直感的に感じます。 XHTML規格では画像のalt属性が必須です。
alt 属性
画像、フォーム、またはアプレットを表示できないユーザー エージェント (UA) の場合、代替テキストを指定するために alt 属性が使用されます。置換テキストの言語は、lang 属性で指定します。 Alt 属性 (「ラベル」ではなく「属性」であることに注意してください) には、画像と画像ホットスポットに必要な置換命令が含まれています。 img、area、input 要素（アプレット要素を含む）でのみ使用できます。 input 要素の場合、alt 属性は送信ボタンの画像を置き換えることを目的としています。
例: alt 属性を使用して、ドキュメント内の画像を表示できない閲覧者にテキストの説明を提供します。これには、画像表示をネイティブにサポートしていないブラウザを使用しているユーザー、または画像表示がオフになっているユーザー、視覚障害のあるユーザー、スクリーン リーダーを使用しているユーザーが含まれます。代替テキストは、追加の説明テキストを提供するのではなく、画像を置き換えるために使用されます。
代替テキストを作成する前に、画像が見えない人に実際に情報を提供するものであるか、文脈の中で意味をなすものであるかをよく考えてください。装飾的な画像の場合は、「青い箇条書き」や「spacer.gif」などの無関係な置換テキストの代わりに、空の値 (alt=""、引用符の間にスペースは入れない) を使用してください。これを無視しないでください。無視すると、一部のスクリーン リーダーは画像ファイルのファイル名を直接読み取り、Lynx などのテキスト ブラウザは画像ファイルのファイル名を表示するため、ブラウザでは役に立たなくなります。 。
テキストを含む画像に対して代替テキストを設定するのが最も簡単です。一般的には、画像に含まれるテキストを alt 属性値として使用できます。
タイトル属性
title 属性は、この属性が設定されている要素に関する推奨情報を提供します。
title 属性は、base、basefont、head、html、meta、param、script、title を除くすべてのタグで使用できます。しかし、それは必要ありません。おそらくそれが、いつ使用するかを理解していない人が多い理由です。
必須ではない追加情報を提供するには、title 属性を使用します。ほとんどのビジュアル ブラウザでは、マウスを特定の要素の上に置くとツール ヒントとしてタイトル テキストが表示されますが、タイトル テキストをどのように表示するかは製造元が決定します。一部のブラウザでは、ステータス バーにタイトル テキストが表示されます。たとえば、Safari ブラウザの初期バージョンなどです。
title 属性の有効な使用法は、特にリンク自体がリンクの目的を明確に表現していない場合に、リンクに説明テキストを追加することです。こうすることで、訪問者はリンクの行き先を知ることができ、まったく興味のないページを読み込むことがなくなります。もう 1 つの潜在的な用途は、日付やその他の重要ではない情報など、画像に追加の説明情報を提供することです。
title属性値はalt属性値よりも長く設定できます。ただし、ブラウザによっては長すぎるテキスト (ツールヒントなど) が切り捨てられることに注意してください。たとえば、Mozilla のコア ブラウザは最初の 60 文字しか表示できません。これは Mozilla のバグと考えられているため、注意する必要があります。