Web標準に初めて触れる人なら誰もがこの疑問を抱くと思いますので、私自身の経験をもとにまとめてみます。
ステップ 1. DW やその他のツールを使用して Web ページをデザインするだけでなく、(X)HTML 言語と CSS 言語に慣れる
Web 標準によりコード要件が改善されているため、xhtml コードをある程度理解していなければ検査に合格することはできません。 DW ツールも使用できますが、Web ページを作成するにはコードを確認する必要があります。
1 つ目は xhtml コードです。数は多くありませんが、その使用方法と正しい記述方法を理解し、タグを閉じることを忘れないでください。 <img/><br/> など。いくつかの HTML リファレンス マニュアルを読むことをお勧めします。結局のところ、xhtml は html からアップグレードされており、多くのタグがまだ使用されています。
ステップ 2. 標準化されたステートメント (DOCTYPE) と先頭を確立する
以前は、Web ページ (大規模なポータルであっても) にはステートメントすらなく、<html> だけが必要でした。今しなければならないのは、Web ページにステートメントを追加し、ヘッド領域を標準化し、検索エンジンを同様にすることです。 Webサイト。
おすすめの書き方
<!--(1)移行期(移行期)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)厳格(厳密)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)フレームタイプ(フレームセット)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!-- 名前空間を設定します (Namespace) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<頭>
<!--エンコード言語を宣言します: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="コンテンツ言語" content="zh-CN" />
<!--検索エンジン用に準備されたコンテンツ-->
<!--検索ロボットによるサイト内のすべてのリンクの検索を許可します。特定のページを検索したくない場合は、robots.txt メソッドを使用することをお勧めします -->
<meta content="all" name="ロボット" />
<!--サイト作成者情報を設定します-->
<meta name="著者" content="電子メール、名前" />
<!--サイトの著作権情報を設定します-->
<meta name="著作権" content="ウェブサイトの著作権の説明" />
<!-- サイトの簡単な紹介 (推奨) -->
<meta name="description" content="新しい Web デザイナー。中国での Web 標準の適用を促進する Web 標準チュートリアル サイト" />
<!--サイトのキーワード (推奨)-->
<meta content="デザイン、with、Web、標準、xhtml、css、グラフィック、デザイン、レイアウト、ユーザビリティ、アクセシビリティ、w3c、w3、w3cn、ajie" name="キーワード" />
<!--お気に入りのアイコン-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="ショートカット アイコン" href="/favicon.ico" type="image/x-icon" />
<title>ウェブページのタイトル</title>
<!--スタイルシートを接続します-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="text/css" media="all">
@インポートURL(css/style01.css);
</スタイル>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="greengnn のスペース" href="http://www.*.com/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" language="javascript" "></script>
</head>
<本文>
</body>
</html>
ステップ 3. Web ページのレイアウトに CSS で div を使用する方法を学ぶ
テーブルを使用する代わりに、CSS を使用して Web ページをレイアウトします。このような記事や例は、bluediea.com にアクセスすることをお勧めします。ここでは、div レイアウトの利点をいくつか紹介します。
1. コードの冗長性が少なく、Web ページがすぐに開きます。
2. 構造とパフォーマンスは分離されており、情報は変更されずに CSS のみでレイアウトを変更できるため、メンテナンスとアップグレードのコストが削減されます。
ステップ 4. Web 標準理論、セマンティクス、CSS、構造とプレゼンテーションの分離の考え方を学びます。
Web 標準は、実際には、タグのセマンティクス、構造とパフォーマンスの分離、Web サイトのローカリゼーションから国際化への移行、下位互換性、デバイスの独立性を実現し、Web ページがインターネット上でスムーズに実行できるようにするために提案されています。
この段階では、CSS を使用して Web ページをレイアウトし、W3C 検査に合格できる Web ページを作成することができます。Web 標準とは何か、Web 標準のフレームワークと機能、構造とパフォーマンスを分離する考え方と利点を理解できます。 、CSS の深い知識、レイヤーの理論、xhtml タグのセマンティクス、アフィニティ理論、クロスプラットフォーム機能により、Web ページを複数のブラウザーやデバイスに適したものにします。
ステップ 5. Web 標準を適用して Web ページを作成し、独自の Web 標準コード仕様を確立して、開発効率を向上させます。
Web 標準はまだ推進されており、成熟したモデルはありません。結局のところ、現時点では、開発効率を向上させるためのいくつかの方法を、自分の経験に基づいて提案できます。およびカスタム css 、およびいくつかの再利用可能な機能モジュールはコード クリップに作成され、コードの再利用性が向上します。