Xhtml+CSS2_CSS/HTML の学習についてのいくつかの考え

W3C が Xhtml1.0 標準を確立して以来、yahoo、163、CSDN など、多くの Web サイトが Xhtml1.0 標準を使用してサイトを再構築し始めています。最近 Xhtml+CSS2 の流行が高まっているので、私も時々 Xhtml1.0 を使い始めました。それらを学び、徐々に好きになっていきました。ここで、最近の私の学習体験について話しましょう。

Xhtml+CSS2 を学ぶべき理由

まず、標準化されたコードはさまざまなブラウザでスムーズに表示されます。

標準以外のコードを含む一部の Web ページは、IE では正常に表示されますが、Firefox や Opera では正しく表示されない場合があります。現在のブラウザの主流はIEとIEを中心とした各種ブラウザですが、FirefoxやOperaなどの徐々にユーザー層が増えているブラウザも、その多くはパソコンに精通したベテラン層だと思います。自分のウェブサイトがくだらないものだと叱られたら気分が悪いでしょうね（笑）。
もちろん、テーブルなどを使って作成したWebページが基準を満たしていないというわけではありません。単に、デザインにForntpageやDreamweaverを使用することに慣れている人が多いだけですが、これらのビジュアルソフトウェアは便利です。これらのソフトウェアは多かれ少なかれ自動的にコードを追加または削除しますが、コードをチェックする習慣がないと、簡単に不規則なコードが発生する可能性があります。

次に、DIV + CSS2 によりページレイアウトがシンプルになります。
Xhtml+CSS2 と言われていますが、実際には Web サイト構築には DIV+CSS2 がよく使われます。これまでに多くのネストされたテーブルを使用してページをレイアウトまたは設定したことがある場合は、通常、ページを分割し、セルを使用して領域を記述します。これは、WYSIWYG などのソフトウェアでより直感的ですが、いくつかの効果があります。まず、ダウンロード速度に影響する可能性があります。また、このような構造は、colspan="?" を間違えた場合に非常に直感的ではありません。 , するとページ全体のレイアウトが全く変わります。
レイアウトに CSS を使用することは、PS でレイヤーを操作するのと同じです。CSS には相対概念と絶対概念があるためです (笑)。これにより、ページのレイアウトがより簡単かつ便利になります。

さらに、Xhtml はファイル サイズを小さくすることができます。
インターネットの速度はますます速くなってきていますが、自分のサイトの速度が速くなることを望まない人はいないでしょう。世界は地球から太陽までではなく、中国電信から中国網通までです。」 通信サーバー上のサイトがネットコム回線のユーザーによって閲覧される場合、Web ページのファイル サイズは必然的に閲覧者のエクスペリエンスに影響を与えます。 Xhtml を使用すると、この問題を解決できます (笑)。

上記の点を考慮して、Xhtml+CSS2 を使用して Web サイトを構築することに徐々に慣れてきました。

学習中の経験

コード作成ツール: Xhtml+CSS2 ページを作成するためのビジュアル ツールがないため、自分に合ったコード作成ツールを見つける必要があります。 Editplus を使用する方法については、こちらを参照してください。
http://www.ifess.com/?p=23

ページ レイアウト構造: ページには、まずヘッダー、メニュー、サイドバー、コンテンツ、フッターなどの全体的なレイアウトが必要です。これらの要素の CSS 属性を定義してページ全体を分割し、次に次のように記述します。ページが乱雑に見えないように、これらの要素に具体的な詳細を含めます。

CSSの記述方法：プロジェクト内で、コンテンツ属性と構造レイアウト属性を定義する属性値を分けて記述することができるため、検索や変更が容易になります。重複する定義はできるだけ減らし、継承できる属性は重複して記述しないようにしてください。 CSS 属性値は、記述後に正常に表示できないものもあり、無駄な労力に相当するため、IE や Firefox と互換性のある CSS 属性値を使用するようにしてください。

Xhtml ファイル: 外部リンクを使用して CSS ファイルを呼び出すようにしてください。一度だけ表示される CSS 属性もファイル内に書き込むことができます。コードを記述するときにコメントを記述することが最善であり、エラー チェックを容易にするためにアライメント形式に必ず注意してください。

今のところ私が思いつくのはこれだけです。皆さんもぜひ一緒に話し合ってください。

以下に、一般的に使用されるリソースとリンクをいくつか示します:

CSS2.0 中国語マニュアル、韓国のビジネス Web サイトのデザイン分析、Color Standard 2004、JS マニュアル:
http:/ / www.im286.com/viewthread.php?tid=875287
Xhtml1.0 検証ページ:
http://validator.w3.org/checklink
CSS検証ページ:
http://jigsaw.w3.org/css-validator/
CSS オンライン最適化:
http://flumpcakes.co.uk/ css /optimiser/


記事の出典: http://www.ifess.com/?p=70 著者: Outdated Ipv6, 転載の際は明記してください。