DIV+CSSレイアウト、レッスン5、DOCTYPE選択、scratch_html/css_WEB-ITnoseから詳細なWebサイト制作

DOCTYPE の選択

DOCTYPE の選択は、ページ要素と定義された CSS が有効になるかどうかを決定します。これは、DOCTYPE が異なると、ページで使用できる HTML 要素が異なるためです。 。 一度。

DOCTYPE とは

DOCTYPE は Document Type の略で、ページ内で使用される XHTML (または HTML) のバージョンを指定するために使用され、標準に準拠したページを作成するために不可欠な重要なコンポーネントです。 DOCTYPE ステートメントは、正しい DOCTYPE が決定された場合にのみ、XHTML 内のロゴと CSS を正常に有効にします。

何を選択するかページ内で HTML4.01 ロゴの使用を許可する、それほど厳密な要件を持たない DTD (記述方法は XHTML 構文標準に準拠する必要があります)。移行 DTD は次のように記述されます:

"http://www.w3.org/TR/xhtml/DTD/ xhtml1 -transitional.dtd">

厳密なドキュメント タイプ

厳密なドキュメント タイプは、 などのプレゼンテーション層の識別子と属性の使用を許可しない厳密な DTD です。これは次のように記述されます。

"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd" >

フレームのドキュメント タイプ

フレームのドキュメント タイプは、フレーム ページに使用される DTD です。ページにフレーム要素が含まれる場合、このフレームの DTD は次のように記述される必要があります。

"http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">

厳密な DTD は理想的なドキュメント タイプですが、WEB 標準についてあまり詳しくない Web デザイナーにとっては、移行 DTD を使用する方が適しています。これは、この DTD ではプレゼンテーション層の識別子、要素、属性の使用も許可されており、 XHTML の構文標準。ほとんどの Web 開発者に適しています。

CSS を使用して効果を制御する利点

CSS を使用してパフォーマンス効果を制御する利点は、ページのコードを削減し、閲覧速度を向上させ、帯域幅のコストを削減することができます。ページ構造が明確であるため、Web ページを簡単に作成できます。検索エンジンで検索されるのがベストです。 この利点は次の 2 つの側面に反映されます:

Web サイト訪問者にとっての利点

1.1 ページのコードが少なく、ファイルのダウンロードと表示の速度が速くなります。

1.2 セマンティック構造が明確なので、より多くのユーザーがアクセスしやすくなります。

1.3 構造とパフォーマンスが分離されており、より多くのデバイスからアクセスできます。

1.4 には独立したパフォーマンスエフェクトがあり、ユーザーは好みのスタイルを選択できます。

Web サイト所有者にとってのメリット

2.1 ではコードがシンプルになり、コンポーネントが少なくなったため、保守が容易になりました。

2.2 は帯域幅要件が低く、コストを節約できます。

2.3 ページ構造は明確なセマンティクスを持ち、検索エンジンで簡単に見つけられます。

2.4 構造とプレゼンテーションを分離すると、ページのコンテンツを変更せずにページの外観を簡単に変更できます。

2.5 では、さまざまなスタイル ファイルを呼び出すことで、印刷版を簡単に提供できます。

2.6 ページ構造が明確になり、Web サイトが使いやすくなります。

http://www.ibcut.com/