Web標準を学ぶ方法
クラシック フォーラムの Web 標準化バージョンの多くのフォーラム メンバーがこの質問をするでしょう。Web 標準に初めて取り組む人なら誰でもこの質問をするでしょう。私自身の経験に基づいてそれを要約します。
ステップ 1. DW やその他のツールを使用して Web ページをデザインするだけでなく、(X)HTML 言語と CSS 言語に慣れる
Web 標準によりコード要件が改善されているため、xhtml コードをある程度理解していなければ検査に合格することはできません。 DW ツールも使用できますが、Web ページを作成するにはコードを確認する必要があります。
1 つ目は xhtml コードです。数は多くありませんが、その使用方法と正しい記述方法を理解し、タグを閉じることを忘れないでください。 <img/><br/> など。いくつかの HTML リファレンス マニュアルを読むことをお勧めします。結局のところ、xhtml は html からアップグレードされており、多くのタグがまだ使用されています。
ステップ 2. 標準化された宣言 (DOCTYPE) と head を作成する
<!–(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;
<meta http-equiv=”コンテンツ言語” content=”zh-CN” />
<!–検索エンジン用に用意されたコンテンツ–>
<!–検索ロボットによるサイト上のすべてのリンクの検索を許可します。特定のページを検索したくない場合は、robots.txt メソッドを使用することをお勧めします。
<meta content=”all” name=”ロボット” />
<!–サイト作成者情報を設定します–>
<meta name=”author” content=”[email protected] ,阿杰” />
<!–サイトの著作権情報を設定します–>
<meta name=”著作権” content=”www.w3cn.org、著作権は無料、いかなる複製も可能” />
<!–サイトの簡単な紹介 (推奨)–>
<meta name="description" content="新しい Web デザイナー。中国での Web 標準の適用を促進する Web 標準チュートリアル サイト" />
<!–サイトのキーワード（推奨）–>
<meta content=”デザイン、with、Web、標準、xhtml、css、グラフィック、デザイン、レイアウト、ユーザビリティ、アクセシビリティ、w3c、w3、w3cn、ajie” name=”keywords” />
<!–お気に入りアイコン–>
<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”>@import url( css/style01.css );</style>
<!–RSS–>
<link rel=”alternate” type=”application/rss+xml” title=”greengnn のスペース” href=”http://www.jluvip.com/blog/feed.asp” />
<!–JS–>
<script src=”js/common.js” type=”text/javascript” language=”javascript” "></script>
</head>
<ボディ></ボディ>
</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 標準コード仕様を確立して、開発効率を向上させます。