W3C とは何ですか? W3C 標準の概要
著者:Eve Cole
更新時間:2024-12-25 10:04:32
W3Cとは
W3Cとは英語のWorld Wide Web Consortiumの略称で、中国語での意味はW3C評議会、World Wide Web Allianceです。 W3C 組織は、HTML、XHTML、CSS、XML などのネットワーク標準を策定する非営利組織です。
W3Cの主な仕様
現在までに、W3C は 50 以上の仕様 (草案) を開発しました。これらの仕様(草案)には、すでに馴染みのあるHTML、HTTP、URI、XMLなどのほか、セマンティックWebのRDF、OWLなどが含まれています。
* HTML/XHTML : HTML は Web の基礎の 1 つであり、HTML に基づいて、さまざまな情報を含むカラフルなページが Web 上に表示され始めました。 HTML をベースにした Web は、シンプルで使いやすい方法で象牙の塔を抜け出し、社会全体の公共リソースおよび富になりました。 W3C は、1997 年 12 月の最初のバージョン、1998 年 4 月のアップデート、1999 年 12 月の HTML 4.01 バージョンなど、複数の HTML バージョンを連続してリリースしてきました。 XHTML は、XML のセマンティック機能を使用できる HTML 4.01 の拡張機能です。 XHTML 1.0 は、2000 年 1 月に推奨標準としてリリースされました。XHTML Basic は、デバイスに依存しない (携帯電話、PDA など) XHTML1.1 のモジュラー バージョンです。
* CSS : CSS は、Web デザイナーに Web ページをデザインするための豊富なスタイル スペースを提供する責任があります。 CSS によって提供される Web ページ構造コンテンツとプレゼンテーション間の分離メカニズムにより、Web サイト管理が大幅に簡素化され、Web サイト開発の効率が向上します。 CSS を使用すると、HTML および XML コンテンツのプレゼンテーションを制御できます。 CSS1.0 は 1996 年 12 月にリリースされ、CSS2.0 は 1998 年 5 月にリリースされました。
* XML : 1998 年 2 月にリリースされた XML 1.0 は、W3C の最も先進的で影響力のある標準の 1 つです。 XML は、次世代 Web の最初の重要な基礎として、分散型の異種データ交換のための強力な機能を提供し、同時に、データ自体に関する限り、データ自体をデータのパフォーマンスから分離します。データとセマンティクスも適切に分離されています。実際、XML は、2001 年 5 月にリリースされた XML スキーマ、1999 年 1 月にリリースされた XML 名前空間、1999 年 11 月にリリースされた XML 変換の処理と XML ドキュメント内での位置決めを目的とした XSLT、XLink および XML などのテクノロジ ファミリに発展しました。ベースは2001年6月に発売されました。さらに、XML の出現により、プログラムが Web データと情報、および Web サービス (WSDL、SOAP、UDDI 仕様) を自動的に処理するための共通の基盤が提供されます。
* DOM : DOM は、HTML や XML などのデータ媒体やメモリ内の情報媒体を処理するための基本的なオブジェクト モデルを提供し、ファイルに関連付けられた構造、形式、イベントなどを提供できます。プログラミング言語や Web ページ記述言語に依存しないため、HTML および XML データを効果的に処理するための標準の独立したインターフェイスが提供されます。 DOM は、1998 年 10 月にリリースされた DOM レベル 1、2000 年 11 月にリリースされた DOM レベル 2、および 2003 年にリリースされた DOM レベル 3 の 3 つのバージョンを経てきました。
W3C標準の使用例
トップが次の場合:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
以下の状況に注意してください。使用される前提は上部の文に基づいています。
1. すべてのラベルに小文字を使用します。
ul span li div には小文字を使用する習慣を身につけることをお勧めします。 もちろん、先頭の宣言が上記の場合、厳密には大文字と小文字が区別されません。
2. ヘッダー ファイルのメタとリンク タグ。
エラー: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
正解: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
エラー: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
正解: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
正解: <meta http-equiv="Content-Language" content="zh-CN" >
3. JS呼び出し。
エラー: <script src="/wl_inc/main.js" ></script>
エラー: <script src="/wl_inc/main.js" language="javascript"></script>
正解: <script src="/wl_inc/main.js" type="text/javascript"></script>
正解: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. テーブル <table> の高さ (height="101" など) を使用しないでください。
正しい: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellpacing="0">
5. alt と title を正しく使用する
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="南寧みんなが教える" ></a>
<a href="/ NoticeHTML/?2.htm" class="bt" title="南寧 みんなが教える">南寧 みんなが教える</a>
リンクのないすべての画像は、次のように alt="" を使用して追加する必要があります。
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. 宣言ファイルが上記の場合、ダブルクォーテーションまたはシングルクォーテーションは省略可能です。
例: <div id=navpart> または <div id="navpart"> はどちらも w3c 標準に合格しています。
7. フォームはIDのみを使用します
正解: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
エラー: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
エラー: <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
フォームタグの使用中にエラーが発生しました: <table><form><tr><td></td></tr></form></table>
正解: <form><table><tr><td></td></tr></table></form>
フォームの余分な空の部分を削除するメソッドは次のとおりです: <form style="margin:0">
8. スラッシュなし/入力後 >
エラー: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='名前のキーワードを入力してください'){this.value='';}" value="名前のキーワードを入力してください" />
正しい: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='名前のキーワードを入力'){this.value='';}" value="名前のキーワードを入力" >
9. align 値と valign 値を正しく使用します。
エラー: align="middle"、style="text-align:center;" を使用できます。
正しい: align="left"、align="left"、align="right"、align="justify"、align="char"
エラー: valign="center"
正解: valign="top"、align="middle"、align="bottom"、align="baseline"
10. テーブル TABLE では背景画像が使用されています。
エラー: 背景="/wl_pic/sp2.jpg"
正解: style="background:url(/wl_pic/sp2.jpg);"
エラー: bgColor=#eeeeee
正解: bgColor="#eeeeee"
11. ウェブマスター統計コードのエラーの解決策。 & を & に変更します。
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. FLASH フォーカス マップはどのようにして W3C に合格しますか?
<!--フォーカスチャートの開始-->
<script type="text/javascript">
<!--
var interval_time=5 //映像の一時停止時間、単位は秒、0の場合は自動切り替えを停止します
var focus_width=268 //幅
var focus_height=222 //高さ
var text_height=20 //タイトルの高さ
var text_align= 'center' //タイトルテキストの配置(左、中央、右)
var swf_height = focus_height+text_height //合計は偶数である必要があります。そうしないと、数値がぼやけて歪んでしまいます。
<%call WL_hot_pic(5)%>
var WLABCD = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=8,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<param name="menu" value="false"><param name=wmode value="opaque">';
WLABCD +='<パラメータ名="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+間隔_時間+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+間隔_時間+'" メニュー="false" bgcolor="#ffffff"quality="high" width="'+ focus_width +'" height="'+ swf_height +'"allowScriptAccess="sameDomain" type="application /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</オブジェクト>';
document.write(WLABCD);
//-->
</script>