Annotation of 2002/css-validator/manual.html.ja, revision 1.20

1.1       ot          1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      2:     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                      3: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
                      4: <head>
1.16      ot          5: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
1.18      ylafon      6:   <title>CSS 検証サービスユーザー・マニュアル</title>
1.1       ot          7:   <link rev="made" href="mailto:www-validator-css@w3.org" />
                      8:   <link rev="start" href="./" title="Home Page" />
                      9:   <style type="text/css" media="all">
1.2       ot         10:     @import "style/base.css";    
                     11:     @import "style/docs.css";
1.1       ot         12:   </style>
                     13:   <meta name="revision"
1.20    ! ylafon     14:   content="$Id: manual.html.ja,v 1.19 2009-03-25 20:13:53 ot Exp $" />
        !            15:   <!-- SSI Template Version: $Id: manual.html.ja,v 1.19 2009-03-25 20:13:53 ot Exp $ -->
1.1       ot         16: </head>
                     17: 
                     18: <body>
1.5       ot         19:   <div id="banner">
                     20:    <h1 id="title"><a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="./images/w3c.png" /></a>
                     21:    <a href="./"><span>CSS 検証サービス</span></a></h1>
                     22:    <p id="tagline">
                     23:      Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets
                     24:    </p>
                     25:   </div>
1.1       ot         26: 
                     27: 
                     28: <div id="main">
                     29: <!-- This DIV encapsulates everything in this page - necessary for the positioning -->
                     30: 
                     31: <div class="doc">
1.18      ylafon     32: <h2>CSS 検証サービスユーザー・マニュアル</h2>
1.1       ot         33: 
                     34: <h3 id="TableOfContents">目次</h3>
                     35: 
                     36: <div id="toc">
                     37: <ul>
1.18      ylafon     38:   <li><a href="#use">CSS 検証サービスの使い方</a>
1.1       ot         39:     <ul>
                     40:       <li><a href="#url">URL を指定して検証</a></li>
                     41:       <li><a href="#fileupload">ファイルをアップロードして検証</a></li>
                     42:       <li><a href="#directinput">直接入力して検証</a></li>
                     43:       <li><a href="#basicvalidation">基本的な検証で行われること</a></li>
                     44:     </ul>
                     45:   </li>
                     46:   <li><a href="#advanced">応用的な使い方</a>
                     47:     <ul>
                     48:        <li><a href="#paramwarnings">「警告」パラメータ</a></li>
                     49:        <li><a href="#paramprofile">「プロファイル」パラメータ</a></li>
                     50:        <li><a href="#parammedium">「メディア」パラメータ</a></li>
                     51:     </ul>
                     52:   </li>
                     53:   <li><a href="#expert">エキスパート向け</a>
                     54:     <ul>
                     55:        <li><a href="#requestformat">検査リクエストのフォーマット</a></li>
1.18      ylafon     56:        <li><a href="#api">CSS 検証ウェブサービス API</a></li>
1.1       ot         57:     </ul>
                     58:    </li>
                     59: </ul>
                     60: </div>
                     61: 
                     62: <p id="skip"></p>
                     63: 
1.18      ylafon     64: <h3 id="use">CSS 検証サービスの使い方</h3>
1.1       ot         65: 
                     66: <p>
                     67: 文書をチェックするには、基本インターフェースを使うのがもっとも簡単です。
                     68: このページには、3つの方法に応じて3つのフォームがあります:
                     69: </p>
                     70: 
                     71: <h4 id="url">URL を指定して検証</h4>
                     72: <p>
                     73:     検証したい文書の URL を入力してください。
                     74:     この「文書」は HTML でも CSS でも構いません。
                     75: </p>
                     76: <img style="display: block; margin-left:auto; margin-right: auto;" 
1.4       ot         77:     src="./images/uri_basic_ja.png" alt="Validation by URI form" />
1.1       ot         78: 
                     79: <h4 id="fileupload">ファイルをアップロードして検証</h4>
                     80: <p>
                     81:     この方法を使えば、ローカルなファイルをアップロードしてチェックすることができます。
                     82:     「参照」ボタンをクリックし、チェックしたいファイルを選んでください。
                     83: </p>
                     84: <img style="display: block; margin-left:auto; margin-right: auto;" 
1.4       ot         85:     src="./images/file_upload_basic_ja.png" 
1.1       ot         86:     alt="Validation by File Upload" />
                     87: <p>
                     88:     この場合、CSS 文書のみチェック可能です。
                     89:     つまり、(X)HTML 文書をアップロードすることはできません。
                     90:     また、@import ルールはオンラインで公開されたURLを参照している場合のみ読み込まれますので注意が必要です。(したがって、相対パスを指定しないでください)
                     91: </p>
                     92:    
                     93: <h4 id="directinput">直接入力して検証</h4>
                     94: <p>
                     95:     この方法は、CSS の一部分をテストするのに最も適しています。
                     96:     テキストエリアに自分で CSS を入力してください。
                     97: </p>
                     98: <img style="display: block; margin-left:auto; margin-right: auto;" 
1.4       ot         99:     src="./images/direct_input_basic_ja.png" 
1.1       ot        100:     alt="Validation by direct input" />
                    101: <p>
                    102:     なお、先ほどのコメントはこの方法にも当てはまります。
                    103:     この方法は、問題を抱えていてコミュニティに助けを求めるときには大変便利です。
                    104:     また、結果が表示された URL そのものにリンクして問題のある CSS を直接伝えることができるので、バグ報告にも便利です。
                    105: </p>    
                    106: 
                    107: <h4 id="basicvalidation">基本的な検証で行われること</h4>
                    108: 
                    109: <p>    
1.8       ot        110:     基本インターフェースを使うと、Validator は <a href="http://www.w3.org/TR/CSS21">CSS 2.1</a> に対する準拠具合を調べます。CSS2 は、現行の CSS に関する技術勧告です。<br />
1.18      ylafon    111:     基本インターフェースを使うと、CSS 検証サービスは <a href="http://www.w3.org/TR/CSS21">CSS 2.1</a> に対する準拠具合を調べます。CSS2 は、現行の CSS に関する技術勧告です。<br />
                    112: 
1.1       ot        113:     この画面では、警告を出さずに(エラーのみ表示されます) XHTML で結果を表示します。<br />
                    114:     基本的な検証ではメディアは "all" に設定されますが、これはすべてのデバイスに適切なメディアです
                    115:     (メディアについてのちゃんとした説明は <a href="http://www.w3.org/TR/CSS2/media.html">http://www.w3.org/TR/CSS2/media.html</a> を参照してください)。
                    116: </p>
                    117: 
                    118: <h3 id="advanced">応用的な使い方</h3>
                    119: 
                    120: <p>
                    121:     より詳細なチェックを行いたい場合、3つのパラメータを指定できる高度なインターフェースを使うことができます。ここでは、3つのパラメータそれぞれについて簡単な説明をします。
                    122: </p>
                    123: 
                    124: <h4 id="paramwarnings">「警告」パラメータ</h4>
                    125: 
                    126: <p>
                    127:     このパラメータは、CSS の冗長性 (verbosity) を設定するものです。
1.18      ylafon    128:     実際、CSS 検証サービスは、エラーと警告という2種類のメッセージを返します。
1.1       ot        129:     エラーは、チェックを受けた CSS が CSS 勧告に従っていない場合に出力されます。
                    130:     警告は、エラーとは異なり仕様準拠に関する問題については言及しません。
                    131:     警告は、CSS 開発者に対し、ユーザーエージェントによっては危険で奇妙な動作に陥ってしまう場合を警告するものです。
                    132: </p>
                    133: <p>
                    134:     よくある警告は font-family: に関するものです。一般的ではないフォントを指定した場合、「ユーザーエージェントがどのフォントも利用できなかった場合にデフォルトのフォントが使われ、表示がおかしくなってしまうので、ルールの最後には一般的なフォントファミリを追加するようにすべき」という旨の警告が出ます。
                    135: </p>
                    136: 
                    137: <h4 id="paramprofile">「プロファイル」パラメータ</h4>
                    138: 
                    139: <p>
1.18      ylafon    140:     CSS 検証サービスは、数種類の CSS プロファイルをチェックすることができます。
1.1       ot        141:     プロファイルとは、あるプラットフォームが実装していると想定している機能のリストです。
                    142:     プロファイルの定義は、
                    143:     <a href="http://www.w3.org/Style/2004/css-charter-long.html#modules-and-profiles0">CSS のサイト</a> にあります。
                    144:     デフォルトでは、現在もっともよく使われている
                    145:     <a href="http://www.w3.org/TR/CSS2">CSS 2</a> が用いられます。
                    146: </p>
                    147: 
                    148: <h4 id="parammedium">「メディア」パラメータ</h4>
                    149: 
                    150: <p>
                    151:     メディアパラメータは、@media ルールと等価で、すべての文書に適用されます。
                    152:     メディアについての詳細は
                    153:     <a href="http://www.w3.org/TR/CSS2/media.html">
                    154:        http://www.w3.org/TR/CSS2/media.html
                    155:     </a> にあります。
                    156: </p>
                    157: 
                    158: <h3 id="expert">エキスパート向け</h3>
                    159: 
                    160: <h4 id="requestformat">検査リクエストのフォーマット</h4>
1.18      ylafon    161: <p>下表は、W3C CSS 検証サービスにクエリーを送る際に使えるパラメータの表です。</p>
1.1       ot        162: 
                    163: <p>もし W3C の一般向け検査サーバーを使いたいのであれば、
                    164: ベース URI: <kbd>http://jigsaw.w3.org/css-validator/validator</kbd> と併せて下表のパラメータを用いてください。<br />
1.18      ylafon    165: (独自の CSS 検証サービスインスタンスを呼び出したい場合は、あなたのサーバーのアドレスで読み替えてください)</p>
1.1       ot        166: 
                    167: <p><strong>注意</strong>:
1.18      ylafon    168: 複数の文書に対して CSS 検証サービスをプログラムから呼び出す際は、スクリプトがそれぞれのリクエストの間に <strong>少なくとも1秒以上</strong> <code>sleep</code> するように心がけてください。CSS 検査サービスはフリーで公のサービスです。ご理解ご協力をお願いします。</p>
1.1       ot        169: 
                    170: <table class="refdoc">
                    171:   <tbody>
                    172:     <tr>
                    173:       <th>パラメータ</th>
                    174:       <th>説明</th>
                    175:       <th>デフォルト値</th>
                    176:     </tr>
                    177:     <tr>
                    178:       <th>uri</th>
                    179:       <td>検査する文書の <acronym title="Universal Resource Locator">URL</acronym>。
                    180:         CSS および HTML 文書を指定できます。</td>
                    181:       <td>なし。ただしこのパラメータないし <code>text</code> のいずれかを指定しなければならない。</td>
                    182:     </tr>
                    183:     <tr>
                    184:       <th>text</th>
                    185:       <td>検査する文書。CSS のみ指定できる。</td>
                    186:       <td>なし。ただしこのパラメータないし <code>uri</code> のいずれかを指定しなければならない。</td>
                    187:     </tr>
                    188:     <tr>
                    189:       <th>usermedium</th>
                    190:       <td>検査するのに用いる<a href="http://www.w3.org/TR/CSS2/media.html">メディア</a>。
                    191:           たとえば <code>screen</code>、<code>print</code>、<code>braille</code>…など。</td>
                    192:       <td><code>all</code></td>
                    193:     </tr>
                    194:     <tr>
                    195:       <th>output</th>
1.18      ylafon    196:       <td>CSS 検証サービスの出力フォーマットを指定します。
1.1       ot        197:        対応するフォーマットは、
                    198:        <code>text/html</code> と <code>html</code> (XHTML 文書。Content-Type: text/html)、
                    199:        <code>application/xhtml+xml</code> と <code>xhtml</code> (XHTML 文書。Content-Type: application/xhtml+xml)、
                    200:        <code>application/soap+xml</code> と <code>soap12</code> (SOAP 1.2 文書。Content-Type: application/soap+xml)、
                    201:        <code>text/plain</code> と <code>text</code> (テキスト文書。Content-Type: text/plain)。
                    202:        その他の値を指定すると XHTML 文書、Content-Type: text/plain となります。
                    203:       </td>
                    204:       <td>html</td>
                    205:     </tr>
                    206:     <tr>
                    207:       <th>profile</th>
                    208:       <td>検査に用いる CSS プロファイル。
                    209:         <code>css1</code>、<code>css2</code>、<code>css21</code>、
                    210:         <code>css3</code>、<code>svg</code>、<code>svgbasic</code>、
                    211:         <code>svgtiny</code>、<code>mobile</code>、<code>atsc-tv</code>、
                    212:         <code>tv</code>、および <code>none</code> を指定できる。</td>
                    213:       <td>最も直近の W3C 勧告である CSS 2 (<code>en</code>)。</td>
                    214:     </tr>
                    215:     <tr>
                    216:       <th>lang</th>
                    217:       <td>応答に用いられる言語。現在は <code>en</code>、
1.10      ot        218:         <code>fr</code>、<code>it</code>、<code>ko</code>、<code>ja</code>、<code>es</code>、
1.1       ot        219:         <code>zh-cn</code>、<code>nl</code>、<code>de</code> を指定できる。</td>
                    220:       <td>英語 (<code>en</code>)。</td>
                    221:     </tr>
                    222:     <tr>
                    223:       <th>warning</th>
                    224:       <td>警告のレベル。<code>no</code> を指定すると警告を表示しない。
                    225:         <code>0</code> で少なめの、
                    226:         <code>1</code>、<code>2</code> を指定すると出される警告が増える。
                    227:       </td>
                    228:       <td>2</td>
                    229:     </tr>
                    230:   </tbody>
                    231: </table>
                    232: 
                    233: <h4 id="api">CSS Validator ウェブサービス API: SOAP 1.2 検査インターフェースについての文書</h4>
                    234: <p>    
                    235:     より技術的なヘルプについて、特に SOAP 1.2 の出力や Validator の呼び出し方法などについては、
                    236:     <a href="./api.html">CSS Validator Web Service API</a> をご覧下さい。
1.18      ylafon    237: 
                    238: <h4 id="api">CSS 検証ウェブサービス API: SOAP 1.2 検査インターフェースについての文書</h4>
                    239:   <p>
                    240:     より技術的なヘルプについて、特に SOAP 1.2 の出力や CSS 検証サービスの呼び出し方法などについては、
                    241:     <a href="./api.html">CSS 検証ウェブサービス API</a> をご覧下さい。
1.1       ot        242: </p>
                    243: 
                    244: </div>
                    245: </div>
                    246: <!-- End of "main" DIV. -->
                    247: 
                    248:    <ul class="navbar"  id="menu">
                    249:         <li><strong><a href="./" title="W3C CSS 検証サービスのホーム">ホーム</a></strong> <span class="hideme">|</span></li>
                    250:        <li><a href="about.html" title="このサービスについて">このサービスについて</a> <span class="hideme">|</span></li>
                    251:         <li><a href="documentation.html" title="ドキュメント">ドキュメント</a> <span class="hideme">|</span></li>
1.18      ylafon    252:         <li><a href="DOWNLOAD.html" title="CSS 検証サービスのダウンロード">ダウンロード</a> <span class="hideme">|</span></li>
1.1       ot        253: 
                    254:         <li><a href="Email.html" title="このサービスへのフィードバック">フィードバック</a> <span class="hideme">|</span></li>
                    255:         <li><a href="thanks.html" title="クレジットと謝辞">謝辞</a><span class="hideme">|</span></li>
                    256:       </ul>
                    257: 
1.3       ot        258:       <ul id="lang_choice">
1.11      ot        259:      
1.19      ot        260:      <li><a href="manual.html.bg"
                    261:     lang="bg"
                    262:     xml:lang="bg"
                    263:     hreflang="bg"
                    264:     rel="alternate">Български</a></li>
                    265:   <li><a href="manual.html.de"
1.11      ot        266:          lang="de"
                    267:          xml:lang="de"
                    268:          hreflang="de"
                    269:          rel="alternate">Deutsch</a>
                    270:      </li>
                    271:      
1.13      ot        272:      <li><a href="manual.html.en"
1.11      ot        273:          lang="en"
                    274:          xml:lang="en"
                    275:          hreflang="en"
                    276:          rel="alternate">English</a>
                    277:      </li>
                    278:      
1.13      ot        279:      <li><a href="manual.html.es"
1.11      ot        280:          lang="es"
                    281:          xml:lang="es"
                    282:          hreflang="es"
                    283:          rel="alternate">Español</a>
                    284:      </li>
                    285:      
1.13      ot        286:      <li><a href="manual.html.fr"
1.11      ot        287:          lang="fr"
                    288:          xml:lang="fr"
                    289:          hreflang="fr"
                    290:          rel="alternate">Français</a>
                    291:      </li>
                    292:      
1.13      ot        293:      <li><a href="manual.html.ko"
1.11      ot        294:          lang="ko"
                    295:          xml:lang="ko"
                    296:          hreflang="ko"
                    297:          rel="alternate">한국어</a>
                    298:      </li>
                    299:      
1.13      ot        300:      <li><a href="manual.html.it"
1.11      ot        301:          lang="it"
                    302:          xml:lang="it"
                    303:          hreflang="it"
                    304:          rel="alternate">Italiano</a>
                    305:      </li>
                    306:      
1.13      ot        307:      <li><a href="manual.html.nl"
1.11      ot        308:          lang="nl"
                    309:          xml:lang="nl"
                    310:          hreflang="nl"
                    311:          rel="alternate">Nederlands</a>
                    312:      </li>
                    313:      
1.13      ot        314:      <li><a href="manual.html.ja"
1.11      ot        315:          lang="ja"
                    316:          xml:lang="ja"
                    317:          hreflang="ja"
                    318:          rel="alternate">日本語</a>
                    319:      </li>
                    320:      
1.13      ot        321:      <li><a href="manual.html.pl-PL"
1.11      ot        322:          lang="pl-PL"
                    323:          xml:lang="pl-PL"
                    324:          hreflang="pl-PL"
                    325:          rel="alternate">Polski</a>
                    326:      </li>
                    327:      
1.13      ot        328:      <li><a href="manual.html.pt-BR"
1.11      ot        329:          lang="pt-BR"
                    330:          xml:lang="pt-BR"
                    331:          hreflang="pt-BR"
                    332:          rel="alternate">Português</a>
                    333:      </li>
                    334:      
1.13      ot        335:      <li><a href="manual.html.ru"
1.11      ot        336:          lang="ru"
                    337:          xml:lang="ru"
                    338:          hreflang="ru"
                    339:          rel="alternate">Русский</a>
                    340:      </li>
                    341:      
1.13      ot        342:      <li><a href="manual.html.sv"
1.11      ot        343:          lang="sv"
                    344:          xml:lang="sv"
                    345:          hreflang="sv"
                    346:          rel="alternate">Svenska</a>
                    347:      </li>
                    348:      
1.13      ot        349:      <li><a href="manual.html.zh-cn"
1.11      ot        350:          lang="zh-cn"
                    351:          xml:lang="zh-cn"
                    352:          hreflang="zh-cn"
                    353:          rel="alternate">简体中文</a>
                    354:      </li>
                    355: </ul>
                    356: 
                    357: 
                    358: 
1.3       ot        359: 
                    360: 
1.12      ot        361: 
                    362: 
1.5       ot        363:    <div id="footer">
1.1       ot        364:    <p id="activity_logos">
1.5       ot        365: 
1.1       ot        366:       <a href="http://www.w3.org/QA/" title="W3Cの品質保証活動は、フリーなウェブ品質管理ツールなどを提供します。"><img src="http://www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="http://www.w3.org/Style/CSS/learning" title="カスケーディング・スタイルシートについてもっと知るには"><img src="images/woolly-icon" alt="CSS" /></a>
                    367:    </p>
                    368: 
                    369:    <p id="support_logo">
1.15      ot        370:    <a href="http://www.w3.org/QA/Tools/Donate">
                    371:    <img src="http://www.w3.org/QA/Tools/I_heart_validator" alt="I heart Validator logo" title=" Validators Donation Program" />
                    372:    </a>
1.1       ot        373:    </p>
                    374: 
                    375:     <p class="copyright">
1.14      ot        376:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2009
1.1       ot        377:       <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>&reg;
                    378: 
                    379:       (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
1.20    ! ylafon    380:       <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
1.1       ot        381:       <a href="http://www.keio.ac.jp/">慶應義塾大学</a>),
                    382:       All Rights Reserved.
                    383:       W3C の<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">責任範囲</a>、
                    384:       <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">商標</a>、
                    385:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">文書の利用</a>、
                    386:       そして<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">ライセンス</a>
                    387: 
                    388:       の規則が適用されます。
                    389:       このサイトの訪問者は、私たちの<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">一般</a>および<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">メンバー</a>プライバシー声明に従うものとします。
                    390: 
                    391:     </p>
                    392: 
1.5       ot        393: </div>
1.1       ot        394:   </body>
                    395: </html>

Webmaster