XHTMLはCSSレイアウトの基礎です。 Cuoxin.comは、XHTMLの知識の学習を常に強調しており、セマンティクスとドキュメント構造を重視しています。タイトルとALTの属性は、ドキュメントの適応性を改善し、キーワード密度を合理的に増加させることができるという最も直感的な感覚を与えてくれます。 XHTML標準では、画像のALT属性が必要です。
alt属性画像、フォーム、またはアプレットを表示できないユーザーエージェント（UA）の場合、ALT属性は代替テキストを指定するために使用されます。交換テキストの言語は、Lang属性によって指定されます。 ALT属性（「ラベル」の代わりに「属性」であることに注意）には、画像や画像ホットスポットに必要な交換手順が含まれています。 IMG、エリア、および入力要素（アプレット要素を含む）でのみ使用できます。入力要素の場合、ALT属性は、送信ボタンの画像を置き換えることを目的としています。
たとえば、ALT属性は、ドキュメント内の画像を表示できない視聴者にテキストの説明を提供するために使用されます。これには、画像表示や画像表示がオフになっているブラウザを使用しているユーザー、視覚障害のあるユーザー、スクリーンリーダーを使用するユーザーが含まれます。代替テキストは、追加のキャプションを提供するのではなく、画像を置き換えるために使用されます。
交換用のテキストを書く前に慎重に考えて、これらの単語が画像を見ていない人やコンテキストで意味をなさない人に説明的な情報を提供していることを確認してください。装飾的な画像の場合、「青い弾丸」や「spacer.gif」などの無関係な代替品を使用する代わりに、空の値（alt = "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "を使用する）を使用しってきます。それを無視しないでください。それを無視すると、一部の画面リーダーは画像ファイルのファイル名を直接読み取り、Lynxなどのテキストブラウザは画像ファイルのファイル名を表示します。これはブラウザにほとんど役に立ちません。
テキストを含む画像に交換テキストを設定するのが最も簡単です。画像に含まれるテキストは、通常、ALT属性値として使用できます。
タイトル属性タイトル属性は、この属性を設定する要素の提案を提供します。
タイトル属性は、ベース、BaseFont、Head、HTML、Meta、Param、Scrip、およびTitleを除くすべてのタグで使用できます。しかし、それは必要ありません。たぶんそれが多くの人がいつそれを使うべきか理解していない理由です。
タイトル属性を使用して、必須以外の追加情報を提供します。ほとんどのビジュアルブラウザは、マウスが特定の要素に吊り下げられているときにツールのヒントとしてタイトルテキストを表示しますが、これはタイトルテキストをレンダリングする方法を決定するためのメーカー次第です。一部のブラウザは、ステータスバーにタイトルテキストを表示します。たとえば、Safariブラウザの以前のバージョン。
タイトル属性には良い目的があります。これは、特にリンク自体がリンクの目的を非常に明確に表現していない場合、リンクに説明テキストを追加することです。これにより、訪問者はそれらのリンクがどこに採用されるかを知ることができ、彼らはまったく興味のないページをロードしません。別の潜在的なアプリケーションは、日付やその他の非必須情報などの画像に追加の実例情報を提供することです。
タイトル属性値は、ALT属性値よりも長くなる場合があります。ただし、一部のブラウザはあまりにも長いテキスト（ツールチップなど）を切り捨てていることに注意する必要があります。たとえば、Mozillaのコアブラウザは最初の60文字のみを表示できます。これはモジラのバグと見なされており、注意を払う必要があるものです。