DIV+CSS(3)_html/css_WEB-ITnose を学ぶためにフォローしてください

編集者: Zhutou Communication QQ: 117376883 UI communication group: 26364378

第 2 章 良い xhtml のために努力する

前章では、div+css などの Web ページ制作技術の簡単な原理を理解する必要があります。この章では、xhtml について学習します。このチュートリアルで xhtml が強調されている理由は、xhtml が html から xml への移行に使用されるためです (Web 標準化に関する関連知識を確認できます)。また、コンピューターに連絡する必要があるためです。常にトレンドに従い、作成するページに適した構造を作成することがこの章の焦点です

適切に構造化されたページの基準は何ですか?

これは開発者ごとに異なり、開発者全員が異なる執筆習慣を持っています。つまり、大前提は、CSS スタイルの制御をより容易にし、バックグラウンド開発者によるデータのマージをより容易にできるということです。まず、Web 標準の xhtml コードに関する仕様をいくつか見てみましょう。そうすることで、将来 xhtml コードを作成するときに迂回路を避けることができます

1. すべてのタグには、対応する終了タグが必要です

すべてのタグのペアは、< のようにペアで表示されます。 >、ペアになっていないタグがある場合は、 を使用して閉じてください

2. すべてのタグ要素と属性の名前は小文字にする必要があります

Xhtml と html の違い大文字と小文字が区別されます は 2 つの異なるタグとみなされます。Dreamwear を使用してコードを作成する場合は、自動的に生成された大文字を小文字に変更してください。たとえば、onMouseOver は onmouseover に変更されます。すべてのタグは適切にネストされている必要があります

実際に開発を行っている場合にのみ、同じレベルのタグのペアを同じ行に配置するのが最適であることを深く理解できます。たとえば、次のようになります。 「＞

div＆gt;

4. 属性値は "" で指定する必要があります

5 すべての < および & 特殊記号を表すにはエンコーディングを使用します

Dreamwear に書き込む & を押すと、多くのコードが自動的にポップアップします。自分で選択できます。

6. すべての属性に値を追加します。そうでない場合は、同じことを繰り返します

これは、フォームを作成する場合に特に重要です

7. コメントには「----」を 4 つだけ使用できます

コメントはここにあります ============ コメントはここにあります --> "= 記号は内側にあります)

優れた仕様は戦いの半分です。残りの半分はあなた次第です。いくつかの Web サイトを見つけてソース ファイルを表示し、コードの作成を検討してください。もちろん、Sina と同様に、ソース ファイルをドラッグするのに数分かかるため、初心者には適していません。実際の開発で学んで早く成長しましょう！

私と一緒に DIV+CSS を学ぶ (4) はコンパイル中であり、近日中にリリースされる予定ですので、お楽しみに