mozilla

리비전 비교

HTML

Change Revisions

리비전 316975:

리비전 316975 jaemin_jo

리비전 352857:

리비전 352857 arkido82@gmail.com

제목:
HTML
HTML
슬러그:
HTML
HTML
태그:
"HTML"
"HTML", "References"
내용:

리비전 (316975):
리비전 (352857):
nn7    <div class="callout-box">
8      <div style="font:normal 20px 'Bebas Neue','League Gothic',H
 >aettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:u
 >ppercase;">
9        HTML5 Demos
7    <div>10      </div>
8      <strong>HyperText Markup Language (HTML)</strong>는 웹 페이지를 생11      <p>
>성하는데 사용되며, 브라우저로 볼 수 있는 다른 형식의 문서에 사용됩니다. HTML은 <a class="externa 
>l" href="http://www.w3.org/">World Wide Web Consortium</a>에 의해 제정 
>되어 국제 표준으로 유지되고 있습니다. HTML의 현재 버전은 <a class="external" href="http 
>://www.w3.org/TR/html4/">HTML 4.01</a>입니다, 그러나 <a class="external 
>" href="http://www.whatwg.org/specs/web-apps/current-work/" rel=" 
>external nofollow" target="_blank" title="http://www.whatwg.org/s 
>pecs/web-apps/current-work/">HTML5</a> 규약이 개발중에 있으며, Gecko는 이미 이  
>중 많은 것을 지원하고 있습니다. 
12        A <a href="https://developer.mozilla.org/en-US/demos/tag/
 >tech:html5" title="demos/tag/tech:html5">collection of demos</a> 
 >showing the latest HTML technologies in action.
13      </p>
14      <p>
15        <a href="/en-US/docs/HTML/HTML5" title="html5"><img alt="
 >The logo of HTML" class="default" longdesc="The%20latest%20versio
 >n%20of%20HTML,%20HTML5,%20has%20a%20distinctive%20logo:%20a%20shi
 >eld%20with%20the%20number%205%20on%20it." src="/files/3563/HTML5_
 >Logo_128.png" style="width: 128px; height: 128px;"></a>
16      </p>
n10    <table class="topicpage-table">n
11      <tbody>
12        <tr>
13          <td>
14            <h4 id=".EB.AC.B8.EC.84.9C" name=".EB.AC.B8.EC.84.9C"
>> 
15              <a href="/Special:Tags?tag=HTML&amp;language=ko" ti
>tle="Special:Tags?tag=HTML&amp;language=ko">문서</a> 
16            </h4>
17            <dl>
18              <dt>
19                <a href="/ko/Canvas_tutorial" title="ko/Canvas_tu
>torial">Canvas 입문서</a> 
20              </dt>
21              <dd>
22                <small><code>&lt;canvas&gt;</code>는 스크립트(보통 <a hr
>ef="/ko/JavaScript" title="ko/JavaScript">JavaScript</a>)를 이용하여 그 
>림을 그리는데 사용하는 새로은 HTML 엘리먼트입니다. 그래프를 그리거나 사진 합성 혹은 간단한(그러나 단순하지 않은 
>) 애니메이션을 제작하는데 쓰일 수도 있습니다.</small> 
23              </dd>
24            </dl>
25            <dl>
26              <dt>
27                <a class="internal" href="/ko/HTML/Element" rel="
>internal" title="ko/HTML/Element">HTML 요소 참조서</a> 
28              </dt>
29              <dd>
30                <span style="font-size: small;">Firefox가 지원하는 개별 
>요소의 세부 사항을 알아봅시다.</span> 
31              </dd>
32              <dt>
33                <a href="/ko/HTML/HTML5" rel="internal" title="ko
>/HTML/HTML5">HTML5</a> 
34              </dt>
35              <dd>
36                <span style="font-size: small;">Gecko 엔진의 HTML5 지
>원 내용을 배워봅시다.</span> 
37              </dd>
38              <dt>
39                <a href="/ko/Drawing_Graphics_with_Canvas" title=
>"ko/Drawing_Graphics_with_Canvas">Canvas로 그림 그리기</a> 
40              </dt>
41              <dd>
42                <small>Firefox는 그림을 프로그래밍 할 수 있도록 새로운 HTML 엘리먼트를 
>포함하고 있습니다. <code>&lt;canvas&gt;</code>는 클라이언트에서 그래프, UI 엘리먼트 혹은 기 
>타 다른 형식의 그래픽 등을 렌더링하는데 사용됩니다.</small> 
43              </dd>
44            </dl>
45            <dl>
46              <dt>
47                <a href="/ko/The_Importance_of_Correct_HTML_Comme
>nting" title="ko/The_Importance_of_Correct_HTML_Commenting">올바른 H 
>TML 주석 표기의 중요성</a> 
48              </dt>
49              <dd>
50                <small><a href="/ko/Mozilla's_DOCTYPE_sniffing" t
>itle="ko/Mozilla's_DOCTYPE_sniffing">표준 모드</a>에서 HTML을 작성할 때, 올바르 
>지 않은 형식의 주석은 웹 페이지를 깨지게 하며, 일부 혹은 전체의 내용이 주석 처리가 됩니다. <a href="/k 
>o/XHTML" title="ko/XHTML">XHTML</a>이나 <a href="/ko/XML" title="ko 
>/XML">XML</a>로 작성할 때, 올바르지 않은 주석으로 인해서 문서가 전혀 보이지 않을 수도 있습니다.</sm 
>all> 
51              </dd>
52            </dl>
53            <dl>
54              <dt>
55                <a href="/ko/Tips_for_Authoring_Fast-loading_HTML
>_Pages" title="ko/Tips_for_Authoring_Fast-loading_HTML_Pages">로딩이 
> 빠른 HTML 페이지를 작성하는 팁</a> 
56              </dt>
57              <dd>
58                <small>최적화된 웹 페이지는 사이트 방문자들에게 더 많은 응답을 받을 수 있으며, 
>웹 서버와 인터넷 접속 부하가 감소하게 됩니다.</small> 
59              </dd>
60              <dt>
61                <a class="internal" href="/ko/HTML/HTML_Extension
>s" title="ko/HTML/HTML Extensions">HTML 확장</a> 
62              </dt>
63              <dd>
64                <span style="font-size: small;">표준에 정의되지 않았으나 지원되
>는&nbsp; HTML 태그들.</span> 
65              </dd>
66            </dl>
67            <p>
68              <span class="alllinks"><a href="/ko/docs/tag/html" 
>title="모두 보기">모두 보기...</a></span> 
69            </p>
70          </td>
71          <td>
72            <h4 id=".EC.BB.A4.EB.AE.A4.EB.8B.88.ED.8B.B0" name=".
>EC.BB.A4.EB.AE.A4.EB.8B.88.ED.8B.B0"> 
73              커뮤니티
74            </h4>
75            <ul>
76              <li>모질라 포럼 보기...
77              </li>
78            </ul>
79            <p>
80              {{ DiscussionList("dev-tech-html", "mozilla.dev.tec
>h.html") }} 
81            </p>
82            <ul>
83              <li>
84                <a class="external" href="http://groups.yahoo.com
>/group/canvas-developers/">Canvas-Developers Yahoo Group</a> 
85              </li>
86            </ul>
87            <h4 id=".EB.8F.84.EA.B5.AC" name=".EB.8F.84.EA.B5.AC"
>> 
88              도구
89            </h4>
90            <ul>
91              <li>
92                <a class="external" href="http://www.getfirebug.c
>om/">Firebug</a> 
93              </li>
94              <li>
95                <a class="external" href="http://validator.w3.org
>/">HTML Validator</a> 
96              </li>
97              <li>
98                <a class="link-https" href="https://addons.mozill
>a.org/extensions/moreinfo.php?id=60&amp;application=firefox">Web  
>Developer Extension</a> 
99              </li>
100              <li>
101                <a class="external" href="http://tidy.sourceforge
>.net/">HTML Tidy</a> 
102              </li>
103            </ul>
104            <p>
105              <span class="alllinks"><a href="/Special:Tags?tag=H
>TML:Tools&amp;language=ko" title="Special:Tags?tag=HTML:Tools&amp 
>;language=ko">모두 보기...</a></span> 
106            </p>
107            <h4 id=".EA.B4.80.EB.A0.A8_.EC.A3.BC.EC.A0.9C" name="
>.EA.B4.80.EB.A0.A8_.EC.A3.BC.EC.A0.9C"> 
108              관련 주제
109            </h4>
110            <dl>
111              <dd>
112                <a href="/ko/CSS" title="ko/CSS">CSS</a>, <a href
>="/ko/DOM" title="ko/DOM">DOM</a>, <a href="/ko/XHTML" title="ko/ 
>XHTML">XHTML</a>, <a href="/ko/XML" title="ko/XML">XML</a> 
113              </dd>
114            </dl>
115          </td>
116        </tr>
117      </tbody>
118    </table>
n120      <span class="comment">Categories</span>n19      <strong>HyperText Markup Language (<em>HTML</em>)</strong>는
 > 웹페이지 혹은 브라우저에서 볼 수 있는 기타 다른 문서를 만드는 데 사용되는 언어입니다. 더 정확히 말하자면, HT
 >ML은 문서의 구조와 의미를 표현하는 언어입니다.&nbsp;<code>문서의 내용은&nbsp;&lt;img&gt;</
 >code>, <code>&lt;title&gt;</code>, <code>&lt;p&gt;</code>, <code>
 >&lt;div&gt;&nbsp;</code><span style="line-height: inherit;">등과 같은
 > 태그로 표현됩니다.&nbsp;</span>
nn21    <p>
22      <span style="line-height: inherit;">HTML은 국제 표준이며</span><sp
 >an style="line-height: inherit;">,</span> <a class="external" hre
 >f="http://www.w3.org/" style="line-height: inherit;">World Wide W
 >eb Consortium</a>과<span style="line-height: inherit;">&nbsp;</spa
 >n><a href="http://www.whatwg.org/" style="line-height: inherit;" 
 >title="http://www.whatwg.org/">WHATWG</a><span style="line-height
 >: inherit;">에 의해 제정, 유지되고 있습니다.</span>
23    </p>
24    <p>
25      HTML is considered a <em>living standard</em> and is techni
 >cally under continuous development. That always-current version o
 >f the HTML specification is referred to as <strong>HTML5</strong>
 >.
26    </p>
27    <div class="cleared topicpage-table">
28      <div class="section">
29        <h2 class="Documentation" id="Documentation" name="Docume
 >ntation">
30          Documentation about HTML
31        </h2>
32        <dl>
33          <dt>
34            <a href="/en-US/docs/HTML/Introduction" title="Introd
 >uction to HTML"><strong>Introduction to HTML</strong></a>
35          </dt>
36          <dd>
37            This page provides basic information on syntax and se
 >mantics of an HTML page (document). This will provide basic infor
 >mation required to develop HTML documents.
38          </dd>
39          <dt>
40            <a href="/en-US/docs/HTML/Element" title="HTML/Elemen
 >t">HTML element reference</a>
41          </dt>
42          <dd>
43            Get details about each element supported by different
 > browsers.
44          </dd>
45          <dt>
46            <a href="/en-US/docs/HTML/Attributes" title="HTML/Att
 >ributes">HTML attributes list</a>
47          </dt>
48          <dd>
49            See all attributes and what elements they are associa
 >ted with.
50          </dd>
51          <dt>
52            <a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">H
 >TML5</a>
53          </dt>
54          <dd>
55            Learn about the new HTML5 APIs and elements along wit
 >h their support.
56          </dd>
57          <dt>
58            <a href="/en-US/docs/HTML/Forms" title="HTML/Forms">H
 >TML Forms Guide</a>
59          </dt>
60          <dd>
61            HTML forms are a complex part of HTML. This guide wil
 >l help you mastering them, from structure to styling, from browse
 >r support to custom controls.
62          </dd>
63          <dt>
64            <a href="/en-US/docs/Web_development/Historical_artif
 >acts_to_avoid" title="HTML/Bad_copy_pasting_habits">Bad copy-past
 >ing habits</a>
65          </dt>
66          <dd>
67            Web technologies are very often learned by viewing so
 >urces of other pages and copy-pasting. However, this often means 
 >that bad habits perpetuate. This page lists some of these bad pat
 >terns and show you can achieve their goal the right way.
68          </dd>
69          <dt>
70            <a href="/en-US/docs/HTML/Canvas/Drawing_Graphics_wit
 >h_Canvas" title="Drawing_Graphics_with_Canvas">Drawing Graphics w
 >ith Canvas</a>
71          </dt>
72          <dd>
73            A new HTML element for programmable graphics. <code>&
 >lt;canvas&gt;</code> can be used for rendering graphs, UI element
 >s, and other custom graphics on the client.
74          </dd>
75          <dt>
76            <a href="/en-US/docs/HTML/Tips_for_authoring_fast-loa
 >ding_HTML_pages" title="HTML/Tips for authoring fast-loading HTML
 > pages">Tips for Authoring Fast-loading HTML Pages</a>
77          </dt>
78          <dd>
79            An optimized web page not only provides for a more re
 >sponsive site for your visitors, but also reduces the load on you
 >r web servers and internet connection.
80          </dd>
81        </dl>
82        <p>
83          <span class="alllinks"><a href="/en-US/docs/tag/HTML" t
 >itle="Article tagged: HTML">View All...</a></span>
84        </p>
85      </div>
86      <div class="section">
87        <h2 class="Community" id="Community" name="Community">
88          Getting help from the community
89        </h2>
90        <p>
91          You need help on a HTML-related problem and can't find 
 >the solution in the documentation?
92        </p>
93        <ul>
94          <li>Consult the dedicated Mozilla forum : {{DiscussionL
 >ist("dev-tech-html", "mozilla.dev.tech.html")}}
95          </li>
96          <li>Go to <a href="http://stackoverflow.com/questions/t
 >agged/html" title="http://stackoverflow.com/questions/tagged/css"
 >>Stack Overflow</a>, a collaboratively built and maintained Q&amp
 >;A site and look if you can find the answer to your question. If 
 >not you will be able to ask your question there.
97          </li>
98        </ul>
99        <p>
100          <span class="alllinks"><a href="http://www.catb.org/~es
 >r/faqs/smart-questions.html">Don't forget about the <em>netiquett
 >e</em>...</a></span>
101        </p>
102        <h2 class="Tools" id="Tools" name="Tools">
103          Tools easing HTML development
104        </h2>
105        <ul>
106          <li>Firefox' <a class="link-https" href="https://addons
 >.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a><span
 > class="external">, a popular</span> extension of that navigator 
 >that allows to edit live CSS on watched sites. Very practical to 
 >test some changes, though this extension does much more.
107          </li>
108          <li>
109            <a class="external" href="http://validator.w3.org/">H
 >TML Validator</a>
110          </li>
111          <li>
112            <a class="link-https" href="https://addons.mozilla.or
 >g/en-US/firefox/addon/web-developer/">Web Developer Extension</a>
113          </li>
114          <li>
115            <a class="external" href="http://tidy.sourceforge.net
 >/">HTML Tidy</a>
116          </li>
117          <li>
118            <a class="external" href="http://prettydiff.com/?html
 >">Pretty Diff</a>
119          </li>
120        </ul>
121        <p>
122          <span class="alllinks"><a href="/en-US/docs/tag/HTML:To
 >ols" title="Article tagged: HTML:Tools">View All...</a></span>
123        </p>
124        <h2 class="Related_Topics" id="Related_Topics" name="Rela
 >ted_Topics">
125          Related Topics
126        </h2>
127        <ul>
128          <li>The <a href="/en-US/docs/CSS" title="CSS">Cascading
 > Style Sheets (CSS)</a> used to give style to HTML.
129          </li>
130          <li>The <a href="/en-US/docs/Document_Object_Model_(DOM
 >)" title="Document Object Model (DOM)">Document Object Model (DOM
 >)</a> is the representation of an HTML document as a tree.
131          </li>
132          <li>
133            <a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> i
 >s the <a href="/en-US/docs/XML" title="XML">XML</a> version of th
 >e language.
134          </li>
135        </ul>
136      </div>
137    </div>
t125    <p>t
126      &nbsp;
127    </p>
128    <p>
129      <span class="comment">Interwiki Language Links</span>
130    </p>
131    <p>
132      {{ languages( { "de": "de/HTML", "es": "es/HTML", "fr": "fr
>/HTML", "en": "en/HTML", "it": "it/HTML", "ja": "ja/HTML", "ko":  
>"ko/HTML", "pl": "pl/HTML", "pt": "pt/HTML", "ru": "ru/HTML", "zh 
>-cn": "cn/HTML", "zh-tw": "zh_tw/HTML" } ) }} 
133    </p>

이력으로 돌아가기