XHTML・CSSとは何か
- XHTMLとは
- XHTMLとは、正式名称をExtensible HyperText Markup Language（エクステンシブル ハイパーテキスト マークアップ ランゲージ）といい、
ホームページを作るときに使用される言語(HTML)をさらに細かくルール決めしたバージョンアップ版とも言われる言語です。
閲覧するときは気付きませんが、ホームページはこのXHTMLまたはHTMLが使われています。
今後は、データの送受信や、プログラムなどとの互換性、将来的に崩れないページを制作するためにXHTMLを使用する機会が増えていくでしょう。 - CSSとは
- HTML・XHTMLは元々文章を意味に合ったタグごとに括り、インターネット上で配信するために開発された言語です。 ですが、ホームページにデザインが必要とされだしてからはHTML・XHTMLで無理矢理レイアウトを行うようになりました。 そのため、文書構造と装飾を切り離すべく、CSS(カスケーディング・スタイルシート)と呼ばれるレイアウトを行うためだけの言語が開発されました。
上記の言語はW3Cと呼ばれるWWWで利用される技術の標準化をすすめる団体により策定されています。
XHTML+CSS制作のメリット
XHTML+CSSで制作することには多くのメリットがあります。
- 表示が速い
- 文書と装飾を分けたページは容量が軽くなり、またタグを省略しないで記述することでブラウザがタグを読み込む時間も早くなり、 ページの読み込みの早さに繋がります。
- 更新がしやすくなる
- 構造と装飾を分けることで、制作者・更新担当者様には書いてあるタグや文書が分かりやすくなります。
すぐに修正できるため、効率的に更新ができるようになります。 - デザイン変更・メンテナンスを効率的に
- CSSファイルを外部ファイルで共通化させると、全ページに渉る修正もCSSファイルを書き換えるだけで済んでしまうケースがあります。 作業を効率化し、デザイン変更も容易に行えます。
- SEO対策に繋がる
- ここ数年の検索エンジンは、タグの意味を理解し、その構造からキーワードの重要性を判断しようとします。
このため、従来のテーブルレイアウトや、文書構造を正しくされていないホームページでは順位が落ちたりすることもあります。
正しい文書構造で制作されたホームページはSEO対策へ繋がります。 - アクセシビリティに繋がる
-
文書構造のみで構成されたXHTMLは音声読み上げブラウザで読み上げられやすくなります。
もちろん、タグの意味を理解し、CSSでの配置や、読み飛ばしなど音声読み上げブラウザへの対応が出来ていないと意味はありません。
正しくXHTML＋CSSで記述されていれば最低限のアクセシビリティは確保されます。
XHTML＋CSS制作のデメリット
- XHTML＋CSS制作にはデメリットもあります。
- まず、ブラウザによっては崩れてしまうこともあるということ。 さらに、お客様自身が更新される場合には、専門の知識がないとメンテナンスが行いにくいということです。
システムアドバンスでは、どのブラウザでも崩れないよう対応したページを制作することが可能です。 また、お客様自身がご自分で更新したいとお考えでしたら、あらかじめお伝えいただければCMSのご提案や、 更新しやすいページに書き換えて(XHTMLではなくHTML4.01になる場合がございます)制作することが可能です。
ぜひ一度ご相談いただき、貴社のご希望をお聞かせください。
