Web品質 - スタイルシート

スタイルシートを使用することは、ウェブページの品質を向上させるために非常に重要です。

font タグを使用しないでください。

ウェブページ上のフォントサイズを設定する際には、CSSを使用してください。font タグを使用しないでください。

<font> タグを使用することで、ドキュメントのサイズが増え、標準の文字サイズを変更するたびに苦手な作業となります。

以下のような状況を想像してみてください：

一日、あなたはウェブサイト内のすべてのタイトルの色とサイズを変更することを決めました。CSSを使用すると、これを実現するために一行だけを変更する必要があります。もし <font> タグを使用している場合、ウェブサイト内のすべてのページのすべてのタイトルを変更する必要があります。

スタイルを使用して <font> タグを置き換えることで、ウェブページの品質の高いインターフェースを作成するのがより簡単になります。

固定のサイズ値を使用しないでください。常に相対的なサイズ値を使用してください。

この提案の最も重要な理由は、ブラウザで固定サイズを再調整できないことです。

訪問者は異なるデバイス（ディスプレイ）、異なるブラウザ環境（光）、または可能な障害（弱視）を使用します。

例えば、特定のテキストサイズを100%（または medium）に、メインのタイトルを140%（または x-large）に、サブタイトルを120%（または large）に設定することで、ユーザーはブラウザを使用して最も好むサイズに再設定することができます。

ウェブページのテキストサイズを調整する機能を通じて、印刷ページのテキスト数も変更できます。

一部のウェブサイトは非常に小さいテキストサイズを使用し、各ページに多くのコンテンツを詰め込んだり、ページをより「スタイリッシュ」に見せるために使用されます。

再び強調しますが、異なるデバイス（ディスプレイ）、異なるブラウザ環境（光）、または可能な障害（弱視）がユーザーに読みにくさを引き起こすことがあります。

ユーザーが訪問するたびにテキストのサイズを拡大するように強制しないでください。

ほとんどのウェブページは、異なるテキスト要素に異なる色を使用します。タイトルやリンクの色は通常、本文のテキスト色とは異なります。

ウェブデザイナーとして、訪問者がデフォルトの色オプションを変更できることを意識すべきです。

ウェブ要素に色を定義した場合、背景色も定義する必要があります。

背景色を定義しないと、ウェブサイトが悪い色の組み合わせで壊れる可能性があります（例えば、赤い背景に明るい赤いテキスト、または暗いテキストと暗い背景の組み合わせなど）。

背景色を指定しないと、テキストが識別しにくくなる可能性があります。