XHTML と CSS を使用して再利用可能でスキン変更可能な WEB サイトをデザインする方法 ページ 1/4_体験交流

XHTML 標準の目標は、html を置き換えることです。 W3C によれば、「XHTML は html の後継です」(http://www.w3.org/MarkUp/) とのことです。

XHTML には 2 つの大きな目標があります。

• ドキュメントの構造とプレゼンテーションをより明確に分離することです。

• html を XML として再表現するアプリケーション。

XHTML 標準を使用する利点は、ページを 1 回デザインするだけで、最新のブラウザでまったく同じように表示および動作できることです。たとえば、標準に従って生成されたページは、追加の作業を行わなくても、Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino、Safari で同じように表示されます。また、XHTML 標準により、障害のある人がスマートフォンやコンピュータなどのデバイスから Web サイトにアクセスしやすくなります。

XHTML 標準では、ドキュメント構造とプレゼンテーションをより明確に分離する必要があります。したがって、CSS スタイル シートを使用することが不可欠です。 CSS は Web ページにおいて非常に重要な位置を占めており、その使用については常に大きな議論の的となっています。 CSSとはCascading Style Sheetの略で、「カスケーディングスタイルシート」と訳されます。 W3C は 1997 年に HTML4 標準を公布したときに、スタイル シートの最初の標準 CSS1 も発表し、CSS1 バージョンに続いて、1998 年 5 月に CSS2 バージョンがリリースされました。

CSS の発明者の意図は、プレゼンテーション要素を削除することでした。つまり、コンテンツはそれが表す内容に基づいてマークアップされ、コンテンツを美しくするためにスタイルシートが使用される必要がありました。これは、文書構造とプレゼンテーションを分離するという XHTML の目標と一致しています ( b 、 i 、および img タグ (および big 、 small 、 tt ) は XHTML 2.0 で削除され、 br の使用さえも将来のリリースからは非推奨になります) ）それを取り除きます。その理由は、ほとんどのマークアップはプレゼンテーションのためです。マークアップの唯一の目的は、コンテンツがどのように表示されるべきかについてブラウザに指示を与えることですが、そのコンテンツが何であるかについてはまったく情報を提供しません。）そこで、彼らは最高のパートナーになりました。 。 XHTML2.0 について詳しくは、http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html を参照してください。

以前は CSS がよく使用されていました。これはフォントのプロパティを定義するために使用されますが、新しい標準ではページ全体の表示を制御するために使用されます。ただし、この新しい変更に適応するには、テーブルの代わりにレイアウトに p を使用する、構造化されたセマンティック タグを使用するなど、これまでとは異なることを行う必要があります。新しい処理方法のおかげで、再利用可能な CSS (同じスタイル ファイルを複数の WEB サイトで使用する) やスキン可能な WEB サイト (1 つのサイトで複数の異なるスタイルを使用する) を簡単にデザインできるようになりました。

例については、四川省建設局情報ポータルをご覧ください。図 1 に示すように、インターフェイスは右上で切り替わります。 。時間の都合上、XHTML と CSS の検証には合格していませんが、原理は同じです。

図 1: インターフェイス スタイルの切り替え