Annotation of 2002/css-validator/manual.html.zh-cn, revision 1.2

1.1       ot          1: <?xml version="1.0" encoding="utf-8"?>
                      2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      3:     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                      4: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
                      5: <head>
                      6:   <title>CSS验证器的用户手册</title>
                      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.2     ! ot         14:   content="$Id: manual.html.zh-cn,v 1.1 2006/08/25 07:33:09 ot Exp $" />
        !            15:   <!-- SSI Template Version: $Id: manual.html.zh-cn,v 1.1 2006/08/25 07:33:09 ot Exp $ -->
1.1       ot         16: </head>
                     17: 
                     18: <body>
                     19: 
                     20:   <div id="banner">
                     21:     <h1 id="title"><a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
                     22:     <a href="./"><img src="images/css_validation_service.png" alt="CSS Validation Service" /></a></h1>
                     23:    </div>
                     24: 
                     25: <div id="main">
                     26: <!-- This DIV encapsulates everything in this page - necessary for the positioning -->
                     27: 
                     28: <div class="doc">
                     29: <h2>CSS验证器的用户手册</h2>
                     30: 
                     31: <h3 id="TableOfContents">目录</h3>
                     32: 
                     33: <div id="toc">
                     34: <ul>
                     35:   <li><a href="#use">如何使用CSS验证器</a>
                     36:     <ul>
                     37:       <li><a href="#url">V通过URL的Response来验证</a></li>
                     38:       <li><a href="#fileupload">通过上传文件来验证</a></li>
                     39:       <li><a href="#directinput">通过直接输入的内容来验证</a></li>
                     40:       <li><a href="#basicvalidation">基本验证都作了什么工作?</a>
                     41:     </ul>
                     42:   </li>
                     43:   <li><a href="#advanced">高级验证</a>
                     44:     <ul>
                     45:        <li><a href="#paramwarnings">警告</a></li>
                     46:        <li><a href="#paramprofile">配置</a></li>
                     47:        <li><a href="#parammedium">媒介</a></li>
                     48:     </ul>
                     49:   </li>
                     50:   <li><a href="#expert">写给专家的话</a>
                     51:     <ul>
                     52:        <li><a href="#requestformat">验证请求的格式</a></li>
                     53:        <li><a href="#api">CSS验证器的Web Service的API</a></li>
                     54:     </ul>
                     55:    </li>
                     56: </ul>
                     57: </div>
                     58: 
                     59: <p id="skip"></p>
                     60: 
                     61: <h3 id="use">如何使用CSS验证器</h3>
                     62: 
                     63: <p>
                     64: 使用验证器来验证一个CSS文档最简单的方法就是用基本界面。这里你会发现3种不同的页面,对应有3种不同的界面:
                     65: </p>
                     66: 
                     67: <h4 id="url">通过URL的Response来验证</h4>
                     68: <p>
                     69:     只需要指定一个你需要验证的文档的URL就可以验证该文档这个文档可以是HTML或者CSS文件
                     70: </p>
                     71: <img style="display: block; margin-left:auto; margin-right: auto;" 
                     72:     src="./images/uri_basic.png" alt="Validation by URI form" />
                     73: 
                     74: <h4 id="fileupload">通过上传文件来验证</h4>    
                     75: <p>
                     76:     这个方法允许你上传然后验证你上传的文件。点击“浏览...”按钮,然后选择一个你的机器上的要进行验证的文件就可以进行验证
                     77: </p>
                     78: <img style="display: block; margin-left:auto; margin-right: auto;" 
                     79:     src="./images/file_upload_basic.png" 
                     80:     alt="Validation by File Upload" />
                     81: <p>
                     82:     这种情况下,只允许使用CSS文档,也就是说,你不能上传HTML格式的文件。你还需要注意的一点是@import属性。只有当他们是一个明确的公开的URL的时候才会被验证(也就是说,不要使用相对路径)。 
                     83: </p>
                     84:    
                     85: <h4 id="directinput">通过直接输入的内容来验证</h4>
                     86: <p>
                     87:     这个方法目的是为了测试一段CSS的代码。你只需要在文本输入框中输入你的CSS代码就可以了。
                     88: </p>
                     89: <img style="display: block; margin-left:auto; margin-right: auto;" 
                     90:     src="./images/direct_input_basic.png" 
                     91:     alt="Validation by direct input" />
                     92: <p>
                     93:     和上一种方法一样需要注意只能使用CSS的代码并且只能使用绝对的URL路径。这种方法在你的某一段CSS代码有问题希望得到解决的时候非常有用,也非常方便。在报告某个bug的时候也很简单,因为你可以将验证结果的URL给我们。
                     94: </p>    
                     95: 
                     96: <h4 id="basicvalidation">基本验证都作了什么工作?</h4>
                     97: 
                     98: <p>    
                     99:     当使用基本界面的时候,验证器会和<a href="http://www.w3.org/TR/CSS2">CSS2的标准(目前最新的标准)</a>进行比较,<br />你会看到一个XHTML格式的Error输出(不会包括警告)。
                    100:     <br />
                    101:     媒介会设定到使用所有的设备媒介(对于媒介的描述请参考<a href="http://www.w3.org/TR/CSS2/media.html">
                    102:     http://www.w3.org/TR/CSS2/media.html</a>)。
                    103: </p>
                    104: 
                    105: <h3 id="advanced">高级验证</h3>
                    106: 
                    107: <p>
                    108:     如果你需要一个更精确的验证,你可以使用高级验证界面,在高级验证界面中你可以设定三个参数,下面是对每个参数的简单说明。
                    109: </p>
                    110: 
                    111: <h4 id="paramwarnings">Warnings</h4>
                    112: 
                    113: <p>
                    114:     这个参数对控制CSS验证器的输出很有用。事实上,验证器能给出两种消息:错误和警告。错误是当被检查的CSS不符合CSS标准的要求的时候产生的,警告和错误不同,它不是说和标准不符合的问题,它们只是用来警告CSS的开发人员,某些CSS代码在不同的客户端上可能会有导致奇怪动作的危险。
                    115: </p>
                    116: <p>
                    117:     一个典型的警告就是使用了font-family的时候:如果你不是提供一个通用字体,你将会得到一个警告,告诉你应该在最后添加一个通用字体,否则某个客户端上可能不能识别你所设定的字体,从而转为该客户端的默认字体。而这样可能会导致一个很奇怪的显示内容。
                    118: </p>
                    119: 
                    120: <h4 id="paramprofile">配置</h4>
                    121: 
                    122: <p>
                    123:     CSS验证器可以检查不同的CSS配置。所谓的配置列出了一系列某一个特定平台上的的特性。配置本身的定义可以参考
                    124:     <a href="http://www.w3.org/Style/2004/css-charter-long.html#modules-and-profiles0">
                    125:        CSS站点
                    126:     </a>。默认的选择就是当前最常用的
                    127:     <a href="http://www.w3.org/TR/CSS2">CSS 2标准</a>.
                    128: </p>
                    129: 
                    130: <h4 id="parammedium">媒介</h4>
                    131: 
                    132: <p>
                    133:     这个参数就等同于@media规则,适用于所有的文档。你可以在
                    134:     <a href="http://www.w3.org/TR/CSS2/media.html">
                    135:        http://www.w3.org/TR/CSS2/media.html
                    136:     </a>找到更多的关于媒介的资料。
                    137: </p>
                    138: 
                    139: <h3 id="expert">写给专家的话</h3>
                    140: 
                    141: <h4 id="requestformat">验证请求的URL格式</h4>
                    142: <p>下面是某个发送给W3C的CSS验证服务器的URL请求中的参数列表</p>
                    143: 
                    144: <p>如果你想使用W3C的公开验证服务器,使用下面的参数,连接在下面基本URI之后来组织一个URL:<br />
                    145: <kbd>http://jigsaw.w3.org/css-validator/validator</kbd><br />
                    146: (将地址替换成你自己的服务器地址也可以)。</p>
                    147: 
                    148: <p><strong>注意</strong>: 如果你想这样在程序中调用验证器来验证一批文档,那么请一定在你的程序中设定每两次验证之间间隔
                    149: <strong>至少1秒</strong>。CSS验证服务是给所有人免费的服务,大家会感谢你对公共资源的尊重。</p>
                    150: 
                    151: <table class="refdoc">
                    152:   <tbody>
                    153:     <tr>
                    154:       <th>参数</th>
                    155:       <th>说明</th>
                    156:       <th>默认值</th>
                    157:     </tr>
                    158:     <tr>
                    159:       <th>uri</th>
                    160:       <td>等待被验证的文档的<acronym title="Universal Resource Locator">URL</acronym> 。CSS或者HTML都可以</td>
                    161:       <td>没有。但是这个参数和下面的<code>text</code>参数,至少有一个不为空。</td>
                    162:     </tr>
                    163:     <tr>
                    164:       <th>text</th>
                    165:       <td>被验证的CSS代码片断,只允许CSS代码</td>
                    166:       <td>没有。但是这个参数和上面的<code>uri</code>参数,至少有一个不为空。</td>
                    167:     </tr>
                    168:     <tr>
                    169:       <th>usermedium</th>
                    170:       <td>指定用于被验证的媒介(<a href="http://www.w3.org/TR/CSS2/media.html">medium</a>),例如<code>screen</code>,
                    171:          <code>print</code>, <code>braille</code>...</td>
                    172:       <td><code>all</code></td>
                    173:     </tr>
                    174:     <tr>
                    175:       <th>output</th>
                    176:       <td>设定验证器输出结果的格式。可能的格式有:
                    177:        <code>text/html</code> and <code>html</code> (XHTML document, 
                    178:        Content-Type: text/html), 
                    179:        <code>application/xhtml+xml</code> and <code>xhtml</code> (XHTML 
                    180:        document, Content-Type: application/xhtml+xml), 
                    181:        <code>application/soap+xml</code> and <code>soap12</code> (SOAP 1.2 
                    182:        document, Content-Type: application/soap+xml), 
                    183:        <code>text/plain</code> and <code>text</code> (text document, 
                    184:        Content-Type: text/plain),
                    185:        everything else (XHTML document, Content-Type: text/plain)      
                    186:       </td>
                    187:       <td>html</td>
                    188:     </tr>
                    189:     <tr>
                    190:       <th>profile</th>
                    191:       <td>设定用于验证比较的标准CSS配置文件。可以是
                    192:         <code>css1</code>, <code>css2</code>, <code>css21</code>,
                    193:         <code>css3</code>, <code>svg</code>, <code>svgbasic</code>,
                    194:         <code>svgtiny</code>, <code>mobile</code>, <code>atsc-tv</code>,
                    195:         <code>tv</code> or <code>none</code></td>
                    196:       <td>最新的W3C标准: CSS 2</td>
                    197:     </tr>
                    198:     <tr>
                    199:       <th>lang</th>
                    200:       <td>输出结果的语言,目前支持<code>en</code>,
                    201:         <code>fr</code>, <code>ja</code>, <code>es</code>,
                    202:         <code>zh-cn</code>, <code>nl</code>, <code>de</code>.</td>
                    203:       <td>English (<code>en</code>).</td>
                    204:     </tr>
                    205:     <tr>
                    206:       <th>warning</th>
                    207:       <td>警告的级别:<code>no</code>  表示没有警告, <code>0</code> 
                    208:        精简的警告信息, <code>1</code>或者 <code>2</code> 详细警告信息
                    209:       </td>
                    210:       <td>2</td>
                    211:     </tr>
                    212:   </tbody>
                    213: </table>
                    214: 
                    215: <h4 id="api">CSS验证器的Web Service API: SOAP 1.2 验证接口文档</h4>
                    216: <p>    
                    217:     更多的技术帮助,特别是SOAP1.2的输出,以及所有可能调用验证的方法,请参考
                    218:     <a href="./api.html">CSS 验证器 Web Service API</a>.       
                    219: </p>
                    220: 
                    221: </div>
                    222: </div>
                    223: <!-- End of "main" DIV. -->
                    224: 
                    225:    <ul class="navbar"  id="menu">
                    226:        <li><strong><a href="./" title="Home page for the W3C CSS Validation Service">首页</a></strong> <span class="hideme">|</span></li>
                    227:         <li><a href="documentation" title="Documentation for the W3C CSS Validation Service">文档</a> <span class="hideme">|</span></li>
                    228:         <li><a href="DOWNLOAD" title="Download the CSS validator">下载</a> <span class="hideme">|</span></li>
                    229:         <li><a href="Email" title="How to provide feedback on this service">反馈</a> <span class="hideme">|</span></li>
                    230:         <li><a href="thanks" title="Credits and Acknowlegments">创作者</a><span class="hideme">|</span></li>
                    231: 
                    232:       </ul>
                    233: 
                    234:    <p id="activity_logos">
                    235:       <a href="http://www.w3.org/QA/" title="W3C's Quality Assurance Activity, bringing you free Web quality tools and more"><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="Learn more about Cascading Style Sheets"><img src="images/woolly-icon" alt="CSS" /></a>
                    236:    </p>
                    237: 
                    238:    <p id="support_logo">
                    239: 支持本工具,加入<br />
                    240: <a href="http://www.w3.org/Consortium/supporters"><img src="http://www.w3.org/Consortium/supporter-logos/csupporter.png" alt="W3C Supporter" /></a>
                    241:    </p>
                    242: 
                    243:     <p class="copyright">
                    244:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2006
                    245:       <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>&reg;
                    246: 
                    247:       (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
                    248:       <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
                    249:       <a href="http://www.keio.ac.jp/">Keio</a>),
                    250:       All Rights Reserved.
                    251:       W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">责任</a>,
                    252:       <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">商标</a>,已运用
                    253:       <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">文档授权</a>
                    254: 
                    255:       和 <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">软件授权</a>
                    256: 
                    257:       相关规则。你与本站的互动是符合我们的<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">公开</a> 和
                    258:       <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">会员</a> 隐私声明。
                    259:     </p>
                    260: 
                    261: 
                    262:   </body>
                    263: </html>
                    264: 
                    265: 
                    266: 

Webmaster