XHTML+CSSの特徴
- XHTML
- Webページを記述するためによく使われるHTMLを、XMLに適合するように定義し直したマークアップ言語。W3Cが仕様策定を行っている。
- もともとHTMLはXMLの親にあたるSGMLから派生した言語で、Webブラウザメーカー主導で独自の拡張が続いてきた。このため、HTMLはXMLとは一部整合性を欠く言語仕様となっているが、両者の違いはある程度吸収できる範囲のものであるため、従来のWebブラウザでも問題なく見られ、かつXMLに準拠した文書を作成する言語仕様としてXHTMLが作成された。
- HTMLをXML準拠のものに更新した理由として、インターネットをはじめとしたオンラインでのデータの送受信にXMLが使用されることを想定し、HTML文書もXML処理系で統一的に扱える環境を整える必要があったことが挙げられている。
- 最初のW3C勧告となったXHTML 1.0はHTML 4.01を元にしたものとなっており、HTML 4.01に対応したWebブラウザではほぼ完全な形でページを見られるようになっている。
- 現在の最新版はXHTML 1.1で、文書見栄えを指定するタグが廃止(見栄えの記述は全てCSSで行なうことになった)など、文書構造の記述に特化した言語へと変化しつつある。
- XHTMLの各バージョンに共通したHTMLとの違いをいくつかあげると、タグ名がすべて小文字に統一される、XMLベースの他の言語(MathMLやSVGなどが想定されている)による記述を埋め込むことができる、終了タグをもたず単独で使用される「<br>」などのタグを「<br/>」ないし「<br />」と書く、などがある。
- CSS
- 主にHTML文書に対する表示方法(見ため)等を指示するための仕様。Cascading Style Sheetsの頭文字を取る。
本来、HTMLは文書の論理構造を記述することを目的としている為、その見ためなどのプレゼンテーションはスタイルシートで指示することで、文書の論理構造とそのプレゼンテーションを分離できる。 - メンテナンスが楽になったり、HTML文書の見通しがよくなったりする。
具体的には、複数のHTML文書からCSSファイルに関連付けることで、デザイン変更の際、CSSファイルに手を加えるだけで(そのCSSファイルを参照するすべての)HTML文書のスタイル変更に対応できる。
スタイルシートを利用しない場合、デザイン変更の際すべてのHTML文書の書き換えを要することもある。
SEO対策
ホームページリニューアル
WEBシステム開発