序文
「私の給与カードは交通銀行のものですが、自宅の階下にある ICBC ATM からお金を引き出すことがよくあります。
私は上海出身で、広州のクラスメートとは北京語でコミュニケーションをとることができます。
今日蛇口が壊れたので、水道屋に行って新しい蛇口を買って交換しました。
私はフランスに旅行中ですが、フランス人の友人に北京時間の15:30に迎えに来るように連絡がありました。 」
似たようなことは日常的に起こり、特別なことではありません。しかし、次のことを考えたことはありますか?
なぜ銀行カードはすべて同じサイズなのでしょうか?
広州のクラスメートと北京語を使ってコミュニケーションできるのはなぜですか?
買った新しい蛇口のネジが古い水道管につながっているのはなぜですか?
なぜフランス人の友達は間違った時間に迎えに来てくれないのでしょうか?
日常生活の多くのことについて、私たちはその背後に隠れた「要因」が働いていることに気づきません。その要因とは「標準」です。
「銀行カード標準」を使用すると、銀行ごとにカードのサイズが異なることを心配する必要はありません。すべての現金自動預け払い機のカード入口は同じです。
「北京語標準」を使用すると、全国の人々が言語で簡単にコミュニケーションできるようになります。
「ネジの業界標準」により、6点水栓を購入すれば、間違いなく6点水道管に接続できます。
グリニッジ標準時を使えば、世界中の人々が飛行機の時間を間違えることはありません。
すべての社会には、それぞれに対応する標準と規範があり、標準によってコミュニケーションが促進され、コラボレーションが促進され、効率が向上します。
IT 業界では、デバイスと情報が多様であるため、それらの間の通信とコラボレーションを保証するための標準が必要です。携帯電話、プリンター、デジタル カメラ間でデータを交換する場合があり、Web サイト、電子メール、オフィス ソフトウェア間で情報を転送する場合があります。また、将来の新しいデバイス (セットトップ ボックス、情報家電など) に既存のリソースを適用する必要がある場合もあります。統一された標準がない場合、すべての情報は分離され、共有できず、再利用することもできません。新しいデバイス用にデータを再構築するには、多くの人的資源と物的資源を浪費する必要があります。各マルチシステム アプリケーション。
幸いなことに、XML という解決策が見つかりました。
XML は簡単に言うと「所定の形式の文書」です。私たちのデバイスやシステムが生成するデータがこの形式に準拠していれば、相互にデータを交換、共有、連携することができます。
国際ワールド ワイド ウェブ機関 (W3C.org) が 1998 年に XML 1.0 仕様を発表して以来、携帯電話で購読する天気予報や株価情報など、多くの XML 標準が私たちの生活に適用されてきました。データはすべて対応するシステムから取得され、XML 形式の変換を通じて送信されます。QQ または MSN を通じてオンラインでない友人の携帯電話にメッセージが送信されます。また、この情報は XML 変換を通じて実現されます。社内アプリケーションなど、CRM、ERP、コンテンツ管理システム間のデータのやり取り、統合、共有はすべて XML を使用します。
そうすれば、Web ページ (Web) も XML 標準に従う必要があるのではないかと自然に考えるでしょう。答えは「はい」です。
World Wide Web の登場により、これまでは新聞、テレビ、ラジオから情報を入手していましたが、現在ではインターネットやブラウザを通じて情報を入手することがより便利になりました。ウェブ上の情報も、当初は静的な文書や画像の情報から、現在では動的でインタラクティブなマルチメディア情報まで、「恐ろしい」と言えるほど豊富になりました。昨年末までに、Google 検索エンジンは 82 億の Web ページと 21 億の画像を検索できるようになりました。それだけのデータは財産ですが、有効活用したり検索したりできなければ「情報のゴミ」になってしまいます。実際、データの冗長性が発生し、情報を効果的に共有したり照会したりできなくなります。
当社の Web サイトの 99% は HTML を使用して作成されていますが、HTML は XML 形式に準拠していません。したがって、これらの Web ページ情報が将来の新しいデバイスやデータ共有の要件に適応することは困難です。何をするか？ International World Wide Web Organization (W3C.org) は、HTML に基づいて XML 形式に準拠した新しい仕様 XHTML1.0 を策定し、簡単な変更で HTML を XHTML に変換できます。 XML への変換。同時に、ページ情報の検索と再利用を容易にするために、XHTML コードはより明確な構造を持つ必要があり、W3C では CSS を使用してプレゼンテーションを制御し、コンテンツとプレゼンテーションを分離することを推奨しています。
これが私たちの本の内容です。Web 標準テクノロジーを使用して Web サイトを再構築します。
1: Web 標準を理解する
1. Web標準とは何ですか?
まず、コンセプトを明確にする必要があります。本書で扱う Web 標準とは XML のことではなく、大量の HTML 情報の XML 標準への移行を実現するために W3C および ECMA によって策定された一連の技術仕様のことを指します。現在は主に XHTML1 が含まれます。 0、CSS2.0、DOM1、ECMA JavaScript。 Web標準は単なる仕様ではなく、一連の仕様の総称です。
これらの仕様に従って作成された Web ページは、XML 形式の仕様に準拠しており、コンテンツとパフォーマンスが分離されているため、将来的にページ データを共有、交換、再利用できます。
以下では、いくつかの重要な基本について説明します。すでにマスターしている場合は、セクション 2 をスキップして直接読むことができます。
2. w3c とは何ですか?
W3Cとは「World Wide Web Consortium」の略称で、中国語ではWorld Wide Web Organizationと呼ばれます。 「Web テクノロジーの先導と発展」に焦点を当てた国際的な業界団体です。 World Wide Web の発明者であるタイム バーナーズ リーによって率いられ、1994 年に設立されました。 W3C にはすでに 500 社を超えるメンバーがおり、その中にはマイクロソフト、アメリカ オンライン (ネットスケープの親会社)、アップル コンピューター、アドビ、マクロメディア、SUN、およびさまざまな主流のハードウェアおよびソフトウェア メーカー、通信会社が含まれます。この学会の主な研究は、米国のマサチューセッツ工科大学 (MIT)、フランスの欧州情報数学研究フォーラム (ERCIM)、日本の計渓大学 (KEIO) の 3 つの学術機関によって主催されています。
W3C の主な仕事は、Web 関連製品の相互運用性を向上させるためのオープン仕様 (事実上の標準) を調査および策定することです。 W3C 推奨仕様の策定は、メンバーおよび特別に招かれた専門家から構成されるワーキング グループによって完了します。ワーキンググループの草案（ドラフト）は、関係企業・団体の過半数の承認を経てW3C評議会に提出され、正式に承認された後、「勧告」として公開されます。詳細については、W3C Web サイトをご覧ください: www.w3.org
3. W3C によって発行された標準
3.1 HTML4.0
ハイパーテキスト マークアップ言語 (HTML、ハイパーテキスト マークアップ言語) は、今日の Web ページで広く使用されています。HTML の目的は、タイトルを示すなどの構造情報をドキュメントに追加することです。
段落を表します。ブラウザはこれらのドキュメントの構造を解析し、対応する表現で表現できます。たとえば、ブラウザでは... の間のコンテンツが太字で表示されます。
デザイナーは CSS (Cascading Style Sheets) を使用して、特定の構造をどのように表現するかを定義することもできます。
3.2 XML1.0
XMLとは、Extensible Markup Language（拡張マークアップ言語）の略称です。 XML は HTML に似たマークアップ言語です。違いは、HTML には固定タグがあるのに対し、XML では独自のタグを定義でき、さらに XML 名前空間を通じてドキュメントの複数の設定セットを定義できることです。 XML の例を見てください。
<アドレス帳>
<エントリ>
<name>AJIE</name><email>[email protected]</email>
</entry>
<entry><name>ALLAN</name><email>[email protected]</email>
</entry>
<entry><name>YAHOO</name><email>[email protected]</email>
</entry>
</アドレス帳>
XHTML や MathML などの一部の XML アプリケーションは、W3C 推奨仕様になっています。スタイル仕様 (CSS および XSL) を通じて XML タグの表現を定義することもできます。現在、XML ドキュメントをブラウザで直接表示することはできません。現在でも、XML はサーバー (システムとシステム) 間のデータ交換に主に使用されています。
3.3 CSS2.0
CSSとはCascading Style Sheetsの略称です。 CSS は、HTML または XML タグのプレゼンテーションを制御できます。 W3C では、Web をよりシンプルにし、構造を明確にするために CSS レイアウト方法を使用することを推奨しています。
3.4 XHTML1.0
XHTML は実際には、XML 仕様に従って HTML を再定義します。そのタグは HTML4.0 と一致しており、形式は XML 仕様に厳密に従っています。したがって、XHTML はブラウザでは HTML と同じように表示されますが、PDF に変換する場合は、XHTML の方がはるかに簡単です。
XHTML には、strict、transitional、frameset の 3 つの DTD 定義があります。 DTD は Document Type Definition の略です。これは XHTML ファイルの先頭に記述され、このドキュメントがどの仕様に準拠しているか、またそのドキュメントを解析するためにどのような仕様が使用されているかをブラウザに伝えます。
3.5 DOM1.0
DOMはDocument Object Modelの略称です。 DOM は、スクリプト言語 (ECMAScript と同様) に無制限の機能を提供します。これにより、スクリプト言語はドキュメント全体の構造、コンテンツ、プレゼンテーションに簡単にアクセスできるようになります。
4 ECMAとは何ですか?
「European Computer Manufactures Association」の略称で、中国語では欧州コンピュータ製造者協会といいます。プログラミング言語や入出力などを含むコンピュータの動作フォーマットの統一規格を策定するために1961年に設立された団体。
ECMA は、ISO (国際標準化機構) および IEC (国際電気標準化機構) の本部に隣接するジュネーブにあり、その主な任務は、情報通信技術の標準を研究し、関連する技術レポートを発行することです。 ECMA は正式な組織ではありませんが、他の国際機関と協力することも多い主流メーカーで構成されています。
4.1 ECMA が発行する標準 ECMAscript
ECMAscript は、Netscape JavaScript に基づく標準スクリプト言語です。これはオブジェクトベースの言語でもあり、Web ページ上のあらゆるオブジェクトを DOM を通じて操作できます。オブジェクトは追加、削除、移動、または変更できます。これにより、Web ページの対話性が大幅に向上します。
上記の標準は、HTML から XML への移行中に現在使用されている主な標準であり、本書の主な範囲でもあります。
5. Web標準の利点
5.1 使いやすさ
Web 標準で作成されたページは、検索エンジンにとってより「透明性」が高くなります。これは、優れた明確な構造により、検索エンジンが情報を簡単に判断および評価できるため、より正確なインデックスを確立できるためです。 Web 標準に従って作成されたページは、CSS/XSL スタイルが解析できなくても、基本的な構造を通常どおり表示できます。
Web 標準に準拠したページは、データベースやワード形式などの他の形式のドキュメントに簡単に変換でき、また、新しいシステム (インターネット TV、PDA などのハードウェアまたはソフトウェア システム) に簡単に移植することもできます。これは XML 本来の利点です。
Web 標準に準拠したページには、固有の「アクセシビリティ」が備わっており、通常のブラウザで読み取れるだけでなく、障害のある人もブラインド ブラウザや音声リーダーを通じて通常どおりに使用できます。
5.2 下位互換性
Web 標準を使用して構築されたページは、将来的には新しいブラウザーや新しいネットワーク デバイスでも適切に動作するでしょう。 CSS または XSL を変更して、対応する表現形式をカスタマイズするだけです。
2: Web標準に関する考えと議論
上記の紹介により、なぜ W3C が XML 標準を確立しようとしているのか、そしてなぜ大手メーカーが XML をサポートしようとしているのかを予備的に理解できました。また、XML 標準に移行するには、この段階でどの Web 標準を学習し、習得する必要があるかがわかりました。次のステップは、それらを具体的に適用することです。しかし、このアプリケーションは想像していたほどスムーズではなく、依然として多くの困難が立ちはだかっていることがわかりました。
HTML4.0 以前の仕様を使用して作成された Web ページの 99% は、XHTML に変換する必要があります。
Web 標準に準拠していないテクノロジーを使用して、毎日大量の新しいページが公開されています。
Web 標準をサポートする使いやすく強力なページ開発ソフトウェアが不足している。
主流のブラウザ IE は、Web 標準のサポートが不完全です。
多くのデザイナーが Web 標準を理解し、その概念を変更する必要があります。
その中でも「発想の転換」が最も重要かつ難しい。多くのデザイナーはまだ Web 標準を理解しておらず、Web 標準の導入を待っているだけでなく、反対さえしています。ここでは、Web 標準の推進で遭遇する典型的な問題と議論を分析します。
(1) Web標準について
1. Web 標準は「標準」ではないのに、なぜ準拠する必要があるのですか?
実際、Web 標準は標準ではなく、W3C によって策定された推奨仕様にすぎず、W3C は業界の実装を義務付けたり監督したりしません。これらの仕様の推進を促進するために、Web 標準化団体 (webstandards.org) はこれらを総称して「Web 標準」と呼びます。 W3C は単なる「推奨仕様」ではありますが、すでに事実上の標準であり、世界の大手 IT 企業 500 社のメンバーによって認められている仕様であり、その幅広さと実現可能性を疑う理由はありません。 Microsoft も W3C の主要メンバーであり、通過した仕様を確実にサポートします。ただし、商業的な競争を考慮して、Microsoft は通常、ユーザーを拘束するために詳細な調整を行いますが、これは W3C 仕様の方向性と権威には影響しません。 。
2. DIV+CSS は Web 標準ですか?
DIV+CSS は実装の特定の技術的手段にすぎず、Web 標準をカバーするものではありません。 Web 標準は、HTML を XHTML に変換するだけではなく、情報構造が明確でコンテンツとパフォーマンスが分離されていることが重要であり、DIV+CSS テクノロジはこの考えをよりよく実現できます。したがって、私たちが目にする標準準拠のページのほとんどは DIV+CSS を使用して作成されています。
(2). Web標準のメリットについて。
1. テクノロジーは進歩しており、ネットワーク帯域幅はますます大きくなり、速度も速くなります。これらのバイトを節約することに意味はありますか?
Web 標準の利点の 1 つは、Web 標準で作成されたページのコード量が少なく、帯域幅を節約できることです。 DIV 自体の構造は TABLE よりも単純であるため、これは Web 標準の副次的な利点にすぎません。TABLE レイアウトのネストされたレイヤーによりコードが肥大化し、ファイル サイズが増大します。通常の状況では、同じパフォーマンスのページに DIV+CSS を使用すると、TABLE レイアウトを使用する場合よりもコードの 2/3 が節約されます。これは Web 標準に固有の利点です。 帯域幅を節約する意義については、主に一般ユーザー向けではなく、主に Web サイト運営者、特に Sina や NetEase などの中規模および大規模 Web サイトが対象です。ニュース ホームページが 500K から 170K に減少すると、1 日あたりのページビューが 3,000 万 (控えめな数値) であるとすると、節約されるサーバー トラフィックは 330K * 30000000 = 9440G になります。このコスト削減はかなりのものです。
2. 障害のある人（全盲および弱視）を考慮する必要がありますか?
米国および一部のヨーロッパ諸国では、障害のある人がインターネットを閲覧する際の利便性を提供することが法的要件となっています。Web 標準ページの明確な構造と完全なセマンティクスにより、一部の関連デバイスは障害のある人に情報を簡単かつ正確に抽出できます。したがって、視覚障害者が情報を読みやすくすることは、Web 標準の当然の利点の 1 つとなっています。中国には衣食に悩む人がまだ多く、障害者のことを考える余裕がない、と言う人もいる。これは社会文明と社会道徳の問題であり、本書の範囲を超えています。しかし、ページが Web 標準に従って作成されていれば、この効果を実現できます。
(3).レイアウトについて
1.Web標準ではテーブルを使用できませんか?
まず、概念を明確にする必要があります。Web 標準では TABLE タグの使用が許可されていません。TABLE は XHTML1.0 の標準タグでもあります。私たちは、従来のテーブル レイアウトを置き換えるために DIV+CSS レイアウトを使用することを推奨しています。その理由は、元の TABLE レイアウトはパフォーマンスとコンテンツが混在しており、構造が不明瞭でコンテンツが不完全であるため、コンテンツの再利用に役立たないためです。意味的に言えば、W3C が TABLE タグを策定したとき、文書内に表がある場合は、TABLE タグを使用してテーブル構造を定義するだけでした。組版や配置などのパフォーマンスに関するものは CSS で制御する必要があります。
2. CSS を使用している場合は、テーブル レイアウトを使用してバージョンを修正するのが非常に便利です。
場合によっては、またはプロジェクトによっては、あなたが言ったように、テーブル レイアウトを使用してバージョンを迅速に改訂できる場合があります。しかし、これは長期的な解決策ではありません。Web 標準では、コンテンツとプレゼンテーションが分離され、CSS または XSLT によって個別に制御されます。 、、リビジョンは本当に便利です。また、「改訂」はブラウザ上での単なる改訂ではありません。同じページを携帯電話に公開する必要がある場合、Web 標準に準拠したページはスタイル ファイルを変更するだけで済み、テーブル レイアウトは完全にやり直す必要があります。今後も公開する必要がある場合、インターネット TV またはその他の新しいデバイスに公開する必要がありますか? CSS はテーブルよりも効率的である必要があります。
3. Web 標準を使用して美しいページを作成できますか?
当初 Web 標準を研究し推進していた人たちが比較的「シンプル」なページを作ったため、Web 標準ページはシンプルで、グラフィックスや視覚効果が軽いものであるという誤解が生じました。実際、TABLE レイアウトで実現できるページ効果は、基本的に CSS で実現できます。この疑問については、多くの説明は必要ありませんが、国内外で新たに確立された Web 標準サイトを見れば明らかです。例: www.macromedia.com 、 www.mp3.com
(4).ブラウザの対応状況について
1. IE が市場の 99% を占めているので、Web 標準を気にする必要はありません。自分が作成したページが IE で閲覧できれば問題ありません。
「ユーザー中心」は通常、Web 標準に反対する人々によって使用される盾ですが、実際には、それは偽善的な「ユーザー中心」です。 IE が常にブラウザー市場を独占するとは保証できませんし、IE が何も変更しないとも保証できません (実際、Microsoft の IE7 は Web 標準のサポートを強化し始めています)。 html+table レイアウトの使用を主張するページは「死んだ」情報となり、検索に不便で、再利用や共有ができなくなり、長期的にはこれがユーザーにとって最大の害となります。
2. Web 標準ページの互換性が良くないのはなぜですか?
Web 標準の利点は互換性の良さであると言われますが、この互換性とは下位互換性と新しいブラウザや新しいデバイスとの互換性を指します。既存のブラウザの場合、Web 標準のサポートレベルが異なるため、ブラウザが異なるとページが変形する可能性があります。さまざまなブラウザとの互換性を実現するには、いくつかの「ハック」テクニックを使用する必要があります。これは、Web テクノロジーの発展において通過しなければならない避けられないプロセスであり、XML への移行において克服しなければならない困難です。
(5).その他
1. 便利な開発ツールがない場合、コードを手動で記述する必要がありますか?
はい。 Web 標準についての理解を深めるために、コードを手動で記述することをお勧めします。実際、多くの開発ソフトウェアが Web 標準をサポートし始めています。 Dreamweaver 8、Adobe の Golive、および Microsoft の Visual Studio.NET 2005 の最新バージョンをご覧ください。これらのツールは、Web 標準ページの開発をすでにサポートしています。新しいテクノロジーが登場したとき、私たちの姿勢は、盲目的に反対したり、その効果が現れるのを待つのではなく、それを理解し、実践し、評価することであるべきです。そうしないと、常に後れを取ることになります。
2. 上司は理解しておらず、顧客は何の要求も持っていないのに、なぜ Web 標準を使用する必要があるのでしょうか?
あなたまたは開発チームが Web 標準テクノロジーに精通していない場合、新しいプロジェクトに Web 標準を採用することには確かにリスク (技術的およびコストのリスク) が伴います。評価後に Web 標準を採用するかどうかを決定できます。しかし、標準を採用する能力がありながら、それでも上司や顧客を騙すのであれば、これは職業倫理とプロフェッショナリズムの問題です。
3: 将来性と方向性
皆さんも私と同じように、WEB の将来がどうなるのか、そして次の新しいテクノロジーのホットスポットがどうなるのかについて心配していると思います。実際、この質問に答えるには、W3C ほど権威のある人はいません。 W3C が何を行っているのか、どのような仕様を研究しているのかを見れば、WEB の方向性と傾向がわかります。
W3C は明確に次のように述べています。XML が将来のトレンドであることは疑いの余地がなく、オープン性と共有はインターネットの精神であり基本的な推進力です。
W3C のリーダーでありワールド ワイド ウェブの父であるティム バーナーズ リー氏は次のように述べています。XML は情報交換の手段を提供しますが、これは単なる始まりにすぎません。私たちの目標は、Web のセマンティック化、つまり Web 上の情報コンテンツを理解し、交換し、共有しやすくすることであり、これに関して RDF および OWL 言語がより強力なサポートを提供します。
Web テクノロジーは、新たな変化と発展を迎えようとしています。Web 標準を学ぶ必要があるかどうかまだ迷っていると、この機会を失うことになります。