Web 標準は、Web ページを 3 つの独立したコンポーネントに分割します。
* 構造: HTML、XHTML、XML
* パフォーマンス: CSS1、CSS2
* 動作: ECMAScript、DOM
これまでの Web 標準には、外観や美学に関するガイドラインや規定はなく、サイトの外観や雰囲気に制限を課すものではなく、デザイナーが作成したサイトをブラウザーが正しく表示し、顧客が企業の基準を満たすのに役立つだけです。市場のニーズとニーズを分析して目標を策定します。
Web 標準では次のことができます。
* グラフィカルブラウザでのより正確な制御、位置決め、レイアウト
* 複雑なインタラクティブな動作
*アクセシビリティ
* 複数のブラウザをサポート
*古いブラウザと新しいブラウザの両方で動作します
* 将来のブラウザでの動作を保証
* ウェブサイトの再設計時間の短縮
* 非従来型デバイスのサポート
* あらゆる Web ページの印刷用バージョンを簡単に提供
* リリースプロセス中にドキュメントを簡単に再設計
* HTML を XML ベースのマークアップ言語に変換します
Web 標準を使用する理由:
* インタラクション機能の強化
* アクセシビリティの向上
* メンテナンスの負担を軽減します
* 帯域幅を減らす
* コストの削減
XHTML は XML ベースのマークアップ言語で、HTML に似ていますが、小さいながらも重要な違いがいくつかあります。こう見ると、XHTML は HTML と似た役割を果たす XML です。
本質的に、XHTML は、XML の能力 (ある程度) と HTML の単純さ (ほとんど) を組み合わせたブリッジング (移行) テクノロジです。
----ジェフリー・ゼルドマン
XHTML に切り替える 10 の理由:
*XHTML は、HTML4 マークアップ言語に代わる現在の標準的な言語です。
* XHTML は、他の XML ベースのマークアップ言語、アプリケーション、プロトコルと適切に対話できます。
* XHTML は HTML よりも一貫性が優れています。
* XHTML1.0 は XHTML の将来のバージョンへのブリッジです
* 古いブラウザは XHTML に適応できます
* 新しいブラウザでは HTML よりも XHTML が優先されます
* XHTML はワイヤレス デバイスやその他のユーザー エージェントで適切に動作します。
* XHTML は Web 標準ファミリーの一部です
* XHTML は、プレゼンテーション層コードの悪い習慣を取り除くのに役立ちます
* XHTML は、ページが動作するかどうかをテストするために検証をタグ付けする習慣を身に付けるのに役立ちます
XHTML ルール:
* 正しい DOCTYPE と名前空間から始めてください
* META コンテンツ要素を使用して、コンテンツのエンコード言語を宣言します
* すべての要素および属性名を小文字で記述します
* すべての属性値に引用符を追加し、属性をスペースで区切ります。
* すべての属性に値を割り当てます
*すべてのタブを閉じます
* 空のタグはスペースとスラッシュで閉じます
※コメント内容では使用しないでください
※ < と & には必ず < と & を使用してください。
XHTML1 で提供される DTD には次の 3 種類があります。
* 過渡的な、過渡的な、最も寛容な DTD、プレゼンテーション層のタグ、ジャンク要素および属性を許容する唯一の DTD
*厳しい、厳しい、
※フレームセット、フレーム、
XHTML宣言内容のエンコード方式：
* XML プロローグ、つまり、ほとんどのブラウザはこれを処理しません
* Content-Type 要素を挿入してエンコード言語を指定します。
* Web サーバーで返される HTTP ヘッダーを通じてエンコード言語を設定します。この方法は、w3c によって推奨されています。
構造を追加するための一般的なメカニズム
* DIV 要素と SPAN 要素は、id 属性と class 属性と組み合わせて、ドキュメントに構造を追加するための共通メカニズムを提供します。
* これらの要素は、他のプレゼンテーション層のものをコンテンツに導入することなく、組み込みコンテンツ (SPAN) とブロック レベル (DIV) を定義します。
* ID 属性は、コード内の特別な領域のラベルに似ており、その領域が特別な処理を必要とすることを示します。 ID 属性値が特別に設定された CSS で使用される場合、それは CSS セレクター ID と呼ばれ、セレクターを作成する最も簡単で汎用性の高い方法です。
※ID名は英字とアンダースコアで始まる必要があり、数字で始めることはできません。
ID機能
* スタイル シート セレクターとして、XHTML ページ ファイルを最小化します。
* ハイパーリンクのアンカーとして、古い name 属性を置き換えます。
* DOMスクリプト内の要素を参照する方法;
* 宣言されたオブジェクト要素名として。
※汎用プロセス加工用ツールとして。
# スタイル シートは、選択した要素の表示方法を決定する 1 つ以上のルール定義のコレクションです。
# CSS 定義は、セレクターと宣言の 2 つの部分で構成されます。このうち、宣言もコレクションです。各要素は ; で終わります。属性と値は次の 2 つの部分で区切られます。
# # で始まるセレクターが ID セレクター、 で始まるセレクターがセレクターです。
# 複数のセレクターで同じステートメントを共有できます。その場合、異なる選択はカンマで区切られます。
# CSS によれば、ページの子要素は親要素からプロパティを継承しますが、一部の古いブラウザー (Netscape 4 など) はそれをサポートしていません。子要素が親要素の特性を継承したくない場合、子要素は関連する属性を自由に定義できます。
# CSS では大文字と小文字が区別されませんが、HTML ファイルに関連付けられている場合、カテゴリ名と ID 名では大文字と小文字が区別されます。
# CSS の編集を容易にするために、スペースまたは改行を追加できます。
# スタイルシートは 3 つの方法でページ表示に影響を与える可能性があります
1. アウトリーチ/輸入
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
または
<style type=text/css media=all>
@import /styles/mystylesheet.css;
</スタイル>
または
<style type=text/css media=all>
@インポートURL(/styles/mystylesheet.css);
</スタイル>
注: @Import メソッドは 5.0 以降のブラウザでのみサポートされています