Annotation of 2002/css-validator/manual.html.ko, revision 1.3
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">
10: @import "style/base.css";
11: @import "style/docs.css";
12: </style>
13: <meta name="revision"
1.3 ! ot 14: content="$Id: manual.html.ko,v 1.2 2008/07/08 15:40:13 ot Exp $" />
! 15: <!-- SSI Template Version: $Id: manual.html.ko,v 1.2 2008/07/08 15:40:13 ot Exp $ -->
1.1 ot 16: </head>
17:
18: <body>
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: 캐스케이딩 스타일시트 (CSS)와 스타일시트를 포함한 문서를 검사
24: </p>
25: </div>
26:
27: <div id="main">
28: <!-- This DIV encapsulates everything in this page - necessary for the positioning -->
29:
30: <div class="doc">
31: <h2>CSS 검사 서비스 사용자 설명서</h2>
32:
33: <h3 id="TableOfContents">목차</h3>
34:
35: <div id="toc">
36: <ul>
37: <li><a href="#use">CSS 검사 서비스를 이용하는 방법</a>
38: <ul>
39: <li><a href="#url">URL을 통한 검사</a></li>
40: <li><a href="#fileupload">파일 업로드를 통한 검사</a></li>
41: <li><a href="#directinput">직접 입력을 통한 검사</a></li>
42: <li><a href="#basicvalidation">기본 검사에서는 무엇을 하나요?</a></li>
43: </ul>
44: </li>
45: <li><a href="#advanced">고급 검사 기능</a>
46: <ul>
47: <li><a href="#paramwarnings">경고 속성</a></li>
48: <li><a href="#paramprofile">프로파일 속성</a></li>
49: <li><a href="#parammedium">매체 속성</a></li>
50: </ul>
51: </li>
52: <li><a href="#expert">전문가를 위한 기능</a>
53: <ul>
54: <li><a href="#requestformat">검사 요청 매개변수</a></li>
55: <li><a href="#api">CSS 검사 웹 서비스 API</a></li>
56: </ul>
57: </li>
58: </ul>
59: </div>
60:
61: <p id="skip"></p>
62:
63: <h3 id="use">CSS 검사 서비스를 이용하는 방법</h3>
64:
65: <p>
66: 가장 쉽게 검사하는 방법은 기본 인터페이스를 사용하는 방법입니다. 이 페이지에서는 3가지 기능을 갖고 있는 3가지 양식을 볼 수 있습니다:
67: </p>
68:
69: <h4 id="url">URL을 통한 검사</h4>
70: <p>
71: 검사하고자 하는 문서의 URL을 입력하는 방법입니다. 이 문서는 HTML 또는 CSS 모두 가능합니다.
72: </p>
73: <img style="display: block; margin-left:auto; margin-right: auto;"
74: src="./images/uri_basic.png" alt="Validation by URI form" />
75:
76: <h4 id="fileupload">파일 업로드를 통한 검사</h4>
77: <p>
78: 이 기능은 컴퓨터에 있는 파일을 업로드하여 검사를 할 수 있도록 합니다. 파일 선택 버튼을 누른 다음, 검사를 원하는 파일을 선택하면 됩니다.
79: </p>
80: <img style="display: block; margin-left:auto; margin-right: auto;"
81: src="./images/file_upload_basic.png"
82: alt="Validation by File Upload" />
83: <p>
84: 이 경우, CSS 문서만 가능합니다. 즉, (X)HTML 문서를 업로드할 경우 작동하지 않습니다. 또한, @import등의
85: 규칙을 사용하였을 경우 공개된 URL일 경우에만 정상적인 검사가 가능하기 때문에 주의하여야 합니다. (즉, 이 방식을 이용할
86: 경우 상대 경로를 이용하는 것은 불가능합니다.)
87: </p>
88:
89: <h4 id="directinput">직접 입력을 통한 검사</h4>
90: <p>
91: 이 방식은 CSS 문서의 일부분만 검사할 경우에 적합합니다. 텍스트 박스에 검사 대상 CSS를 적어 넣으면 됩니다.
92: </p>
93: <img style="display: block; margin-left:auto; margin-right: auto;"
94: src="./images/direct_input_basic.png"
95: alt="Validation by direct input" />
96: <p>
97: 위와 같이 불가능한 조건이 있으므로 주의하여야 합니다. 이 기능은 온라인 상에서 누군가의 도움을 요청할 경우에도 URL만
98: 제공하여도 되기 때문에 유용하게 사용할 수 있습니다. 또한, 이 기능은 버그를 제보할 때에도 유용하게 사용될 수 있는데,
99: 이 때 검사 결과 URL만 제공하면 테스트 케이스로도 사용이 가능합니다.
100: </p>
101:
102: <h4 id="basicvalidation">기본 검사에서는 무엇을 하나요?</h4>
103:
104: <p>
105: 기본 검사를 수행할 경우, 검사 서비스에서는 현재 CSS 기술에 있어서 권장되고 있고, 검증된 규약인
106: <a href="http://www.w3.org/TR/CSS2">CSS 2</a>에 대한 유효성 검사를 수행하게 됩니다.<br />
107: 이 경우에는 경고를 제외한 XHTML로 된 검사 결과를 표시합니다. (오류만 표시가 됩니다)<br />
108: 대상 매체는 모든 장치에서 사용할 수 있는 "all"에 대하여 검사를 수행합니다. (매체에 대한 자세한 내용은
109: <a href="http://www.w3.org/TR/CSS2/media.html">
110: http://www.w3.org/TR/CSS2/media.html</a>에서 확인 가능합니다.)
111: </p>
112:
113: <h3 id="advanced">고급 검사 기능</h3>
114:
115: <p>
116: 만일 보다 자세한 검사가 필요할 경우, 3가지 항목을 추가적으로 설정할 수 있는 고급 검사 인터페이스를 사용할 수 있습니다.
117: 아래 내용은 그 3가지 항목을 사용하기 위한 간략한 도움말입니다.
118: </p>
119:
120: <h4 id="paramwarnings">경고 속성</h4>
121:
122: <p>
123: 이 속성은 CSS 검사 결과을 얼마나 구체적으로 표현할 것인지 설정하는 값입니다. 검사 결과에서는 경고와 오류 두 가지
124: 메시지를 표시할 수 있습니다. 오류는 검사된 CSS가 CSS의 권장 사항을 준수하지 않았을 경우에 표시됩니다. 하지만
125: 경고는 CSS 규약에 명시된 사항을 위배한 것에 대한 문제점을 제기하지 않다는 점에서 다릅니다. 경고의 경우 CSS 작성자가
126: 위험할 수 있는 몇 가지 경우와 특정 브라우저에서 이상 현상을 발생시킬 수 있는 경우를 알리기 위해서 표시됩니다.
127: </p>
128: <p>
129: 일반적으로 많이 볼 수 있는 오류로는 font-family를 예로 들 수 있습니다: 만일 일반적인 서체를 마지막 대안으로
130: 제시하지 않을 경우, 브라우저에서 다른 서체를 식별하지 못할 경우 기본 폰트로 바뀌게 되어 결과물이 이상해질 수 있으므로,
131: 명시된 내용의 뒤에 일반적인 서체를 (serif, sans-serif) 추가를 해야 한다는 경고가 출력 될 것입니다.
132: </p>
133:
134: <h4 id="paramprofile">프로파일 속성</h4>
135:
136: <p>
137: CSS 검사 서비스에서는 서로 다른 CSS 프로파일에 대한 검사를 할 수 있습니다. 프로파일은 특정한 플랫폼에서
138: 사용가능하거나 호환이 되어야 할 기능에 대한 명세를 합니다. 이 정의는
139: <a href="http://www.w3.org/Style/2004/css-charter-long.html#modules-and-profiles0">
140: CSS 사이트
141: </a>에 정의 되어 있습니다. 기본값으로는 가장 많이 사용되는
142: <a href="http://www.w3.org/TR/CSS2">CSS 2</a>를 사용합니다.
143: </p>
144:
145: <h4 id="parammedium">매체 속성</h4>
146:
147: <p>
148: 매체 속성은 @media로 정의되는 규칙과 같은 것이며, 문서 전체에 대하여 적용됩니다. 이에 대한 보다 자세한 내용은
149: <a href="http://www.w3.org/TR/CSS2/media.html">
150: http://www.w3.org/TR/CSS2/media.html
151: </a>에서 확인이 가능합니다.
152: </p>
153:
154: <h3 id="expert">전문가를 위한 기능</h3>
155:
156: <h4 id="requestformat">검사 요청 매개변수</h4>
157: <p>아래 표에 CSS 검사 서비스에 대한 질의를 보낼 경우 사용될 수 있는 매개변수의 목록입니다.</p>
158:
159: <p>만일 W3C의 공개 검사 서버를 사용하려면, <kbd>http://jigsaw.w3.org/css-validator/validator</kbd>의 URL을
160: 상대로 아래에 있는 매개변수들을 이용하면 됩니다. 만일 자체적인 서비스에 사용을 할 경우에는 위 주소를 서비스를 제공하고 있는 자체 서버의 주소로
161: 변경하면 됩니다.</p>
162:
163: <p><strong>주의</strong>: 만일 프로그램을 이용하여 여러개의 문서를 체계적으로 검사를 할 경우, 스크립트 또는 프로그램이
164: 요청을 수행하는데에 있어서 <strong>최소한 1초의</strong> 간격을 둘 수 있도록 하여 주시기 바랍니다. CSS 검사
165: 서비스는 누구나 사용할 수 있는 무료 서비스인 만큼, 여러분의 협조가 필요합니다. 감사합니다.</p>
166:
167: <table class="refdoc">
168: <tbody>
169: <tr>
170: <th>매개변수</th>
171: <th>설명</th>
172: <th>기본값</th>
173: </tr>
174: <tr>
175: <th>uri</th>
176: <td>검사할 대상 문서의 <acronym title="Universal Resource Locator">URL</acronym>입니다. CSS와 HTML 문서가 가능합니다.</td>
177: <td>없음. 이 매개변수 또는 <code>text</code> 매개수변수 중 하나는 제공되어야 합니다.</td>
178: </tr>
179: <tr>
180: <th>text</th>
181: <td>검사할 문서의 내용입니다. CSS만 가능합니다.</td>
182: <td>없음. 이 매개변수 또는 <code>uri</code> 매개수변수 중 하나는 제공되어야 합니다.</td>
183: </tr>
184: <tr>
185: <th>usermedium</th>
186: <td><code>screen</code>,
187: <code>print</code>, <code>braille</code>과 같은 검사 대상 <a href="http://www.w3.org/TR/CSS2/media.html">매체</a>입니다.</td>
188: <td><code>all</code></td>
189: </tr>
190: <tr>
191: <th>output</th>
192: <td>검사 서비스에서 지원하는 다양한 출력 형식을 설정할 수 있습니다. 사용 가능한 형식은
193: <code>text/html</code> 또는 <code>html</code> (XHTML 문서,
194: Content-Type: text/html),
195: <code>application/xhtml+xml</code> 또는 <code>xhtml</code> (XHTML
196: 문서, Content-Type: application/xhtml+xml),
197: <code>application/soap+xml</code> 또는 <code>soap12</code> (SOAP 1.2
198: 문서, Content-Type: application/soap+xml),
199: <code>text/plain</code> 또는 <code>text</code> (일반 텍스트 문서,
200: Content-Type: text/plain),
201: 이외의 값은 모두 (XHTML 문서, Content-Type: text/html)
202: </td>
203: <td>html</td>
204: </tr>
205: <tr>
206: <th>profile</th>
207: <td>검사할 대상 프로파일입니다. 다음 중 한가지가 가능합니다.
208: <code>css1</code>, <code>css2</code>, <code>css21</code>,
209: <code>css3</code>, <code>svg</code>, <code>svgbasic</code>,
210: <code>svgtiny</code>, <code>mobile</code>, <code>atsc-tv</code>,
211: <code>tv</code> 또는 <code>none</code></td>
212: <td>W3C 권장 최신 기술, CSS 2</td>
213: </tr>
214: <tr>
215: <th>lang</th>
216: <td>검사 결과를 표시할 대상 언어, 현재 <code>en</code>,
217: <code>fr</code>, <code>it</code>, <code>ko</code>, <code>ja</code>, <code>es</code>,
218: <code>zh-cn</code>, <code>nl</code>, <code>de</code>, <code>it</code>,
219: <code>pl</code>이 지원됩니다.</td>
220: <td>영어 (<code>en</code>).</td>
221: </tr>
222: <tr>
223: <th>경고</th>
224: <td>경고 표시 수준입니다. <code>no</code> 로 경고를 생략할 수 있으며, <code>0</code>
225: 은 보다 적은 경고, <code>1</code> 또는 <code>2</code>를 사용 할 경우 보다 많은 경고 표시
226: </td>
227: <td>2</td>
228: </tr>
229: </tbody>
230: </table>
231:
232: <h4 id="api">CSS 검사 웹 서비스 API: SOAP 1.2 검사 인터페이스 기술 문서</h4>
233: <p>
234: SOAP 1.2 출력에 대한 내용과 검사 기능을 이용할 수 있는 보다 자세한 방법과 기술적인 내용은
235: <a href="./api.html">CSS Validator Web Service API (영문)</a>을 참조하시기 바랍니다.
236: </p>
237:
238: </div>
239: </div>
240: <!-- End of "main" DIV. -->
241:
242: <ul class="navbar" id="menu">
243: <li><strong><a href="./" title="Home page for the W3C CSS Validation Service">Home</a></strong> <span class="hideme">|</span></li>
244: <li><a href="about.html" title="About this service">About</a> <span class="hideme">|</span></li>
245: <li><a href="documentation.html" title="Documentation for the W3C CSS Validation Service">Documentation</a> <span class="hideme">|</span></li>
246: <li><a href="DOWNLOAD.html" title="Download the CSS validator">Download</a> <span class="hideme">|</span></li>
247: <li><a href="Email.html" title="How to provide feedback on this service">Feedback</a> <span class="hideme">|</span></li>
248: <li><a href="thanks.html" title="Credits and Acknowlegments">Credits</a><span class="hideme">|</span></li>
249: </ul>
250:
251: <ul id="lang_choice">
1.2 ot 252:
253: <li><a href="$filename.de"
254: lang="de"
255: xml:lang="de"
256: hreflang="de"
257: rel="alternate">Deutsch</a>
258: </li>
259:
260: <li><a href="$filename.en"
261: lang="en"
262: xml:lang="en"
263: hreflang="en"
264: rel="alternate">English</a>
265: </li>
266:
267: <li><a href="$filename.es"
268: lang="es"
269: xml:lang="es"
270: hreflang="es"
271: rel="alternate">Español</a>
272: </li>
273:
274: <li><a href="$filename.fr"
275: lang="fr"
276: xml:lang="fr"
277: hreflang="fr"
278: rel="alternate">Français</a>
279: </li>
280:
281: <li><a href="$filename.ko"
282: lang="ko"
283: xml:lang="ko"
284: hreflang="ko"
285: rel="alternate">한국어</a>
286: </li>
287:
288: <li><a href="$filename.it"
289: lang="it"
290: xml:lang="it"
291: hreflang="it"
292: rel="alternate">Italiano</a>
293: </li>
294:
295: <li><a href="$filename.nl"
296: lang="nl"
297: xml:lang="nl"
298: hreflang="nl"
299: rel="alternate">Nederlands</a>
300: </li>
301:
302: <li><a href="$filename.ja"
303: lang="ja"
304: xml:lang="ja"
305: hreflang="ja"
306: rel="alternate">日本語</a>
307: </li>
308:
309: <li><a href="$filename.pl-PL"
310: lang="pl-PL"
311: xml:lang="pl-PL"
312: hreflang="pl-PL"
313: rel="alternate">Polski</a>
314: </li>
315:
316: <li><a href="$filename.pt-BR"
317: lang="pt-BR"
318: xml:lang="pt-BR"
319: hreflang="pt-BR"
320: rel="alternate">Português</a>
321: </li>
322:
323: <li><a href="$filename.ru"
324: lang="ru"
325: xml:lang="ru"
326: hreflang="ru"
327: rel="alternate">Русский</a>
328: </li>
329:
330: <li><a href="$filename.sv"
331: lang="sv"
332: xml:lang="sv"
333: hreflang="sv"
334: rel="alternate">Svenska</a>
335: </li>
336:
337: <li><a href="$filename.zh-cn"
338: lang="zh-cn"
339: xml:lang="zh-cn"
340: hreflang="zh-cn"
341: rel="alternate">简体中文</a>
342: </li>
343: </ul>
344:
345:
346:
1.1 ot 347:
348:
1.3 ! ot 349:
! 350:
1.1 ot 351: <div id="footer">
352: <p id="activity_logos">
353:
354: <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>
355: </p>
356:
357: <p id="support_logo">
358: Support this tool, become a<br />
359: <a href="http://www.w3.org/Consortium/supporters"><img src="http://www.w3.org/Consortium/supporter-logos/csupporter.png" alt="W3C Supporter" /></a>
360: </p>
361:
362: <p class="copyright">
363: <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2007
364: <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>®
365:
366: (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
367: <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
368: <a href="http://www.keio.ac.jp/">Keio</a>),
369: All Rights Reserved.
370: W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
371: <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
372: <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
373: and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
374:
375: rules apply. Your interactions with this site are in accordance
376: with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
377: <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
378: statements.
379: </p>
380:
381: </div>
382: </body>
383: </html>
384:
385:
386:
Webmaster
![[BACK]](/prx/000/https/dev.w3.org/cvsweb/icons/back.gif,_ANDesc=img,){kind=icon}
Return to manual.html.ko CVS log ![[TXT]](/prx/000/https/dev.w3.org/cvsweb/icons/text.gif,_ANDesc=img,){kind=icon}
![[DIR]](/prx/000/https/dev.w3.org/cvsweb/icons/dir.gif,_ANDesc=img,){kind=icon}
Up to [Public] / 2002 / css-validator