Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 728859 of HTML (하이퍼텍스트 마크업 언어)

  • 리비전 슬러그: Web/HTML
  • 리비전 제목: HTML (하이퍼텍스트 마크업 언어)
  • 리비전 아이디: 728859
  • 제작일시:
  • 만든이: moolow
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

하이퍼텍스트 마크업 언어 (HTML)는 거의 모든 Web 콘텐츠의 핵심 언어입니다. 브라우저에서 화면에 표시되는 것들의 대부분은 HTML을 사용하여 기술되고 있습니다. 더 정확하게 말하자면 HTML은 웹 콘텐츠의 구조와 의미를 기술하는 언어입니다. Web 페이지의 내용은 {{HTMLElement("img")}}, {{HTMLElement("title")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}} 등의 태그로 표시됩니다.

HTML 표준은 World Wide Web 컨소시엄WHATWG에 의해 유지되고있는 국제 표준입니다. HTML은 "살아있는 표준"으로 간주되며 지속적으로 개발되고 있습니다. HTML 사양 최신 버전은 HTML5를 이야기 합니다.

HTML5는 HTML과 XHTML의 최신 버전입니다. HTML 표준의 최신 버전은 완화된 HTML 구문을 사용하여 쓸 수도 있고 더 엄격한 XML 구문, Web 어플리케이션을 만드는데 필요한 구문도 포함하고 있습니다.

HTML5는 내용의 스타일과 서식을 정의하지 않고 내용 자체와 의미만을 기술합니다. 스타일과 서식은 캐스캐이딩 스타일 시트(CSS)를 사용해서 제어합니다.

여기에 링크된 글은 웹 개발 시 참조할 수 있는 자료들 입니다.

  • HTML reference

    In our extensive reference, you'll find the details on each element and attribute that makes up HTML.

  • HTML guide

    For articles about how to use HTML, as well as tutorials and complete examples, check out our HTML developer guide.

  • HTML 소개

    만약 웹 개발이 처음이라면 꼭 HTML이 무엇인지, 어떻게 사용하는지에 대한 소개를 읽으세요.

HTML 관련 문서

HTML 소개
구문과 사용법을 포함한 HTML 입문 가이드입니다.
HTML 요소 레퍼런스
모든 HTML 요소와 기능, 다양한 브라우저 호환성에 대한 자세한 레퍼런스입니다.
HTML 속성 레퍼런스
모든 HTML 속성 및 어떤 요소에 적용할 수 있는지에 대한 내용입니다.
HTML 가이드
HTML 사용법을 배울 수 있는 가이드와 튜토리얼입니다.

View All...

커뮤니티에서 도움 받기

HTML 관련 문제에 대한 도움이 필요한데 문서에서 해결책을 찾을 수없습니까?

  • 모질라 포럼에 문의해 보세요: {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}
  • 협업을 통해 만들어진 Q&A 사이트인 스택 오버플로우에서 답변을 찾아볼 수 있습니다. 찾이 못했다면 이 사이트에 질물을 할 수도 있습니다.
  • IRC에 참가하세요.

네티켓에 대해 잊지 마세요...

HTML 개발자를위한 도구

모두 보기...

 

리비전 소스

<p><strong><img alt="" src="/files/3563/HTML5_Logo_128.png" style="width: 128px; height: 128px; margin: 6px; float: left;" /><span class="seoSummary">하이퍼텍스트 마크업 언어 (HTML)</span></strong><span class="seoSummary">는 거의 모든 Web 콘텐츠의 핵심 언어입니다. 브라우저에서 화면에 표시되는 것들의 대부분은 HTML을 사용하여 기술되고 있습니다. 더 정확하게 말하자면 HTML은 웹 콘텐츠의 구조와 의미를 기술하는 언어입니다. Web 페이지의 내용은 {{HTMLElement("img")}}, {{HTMLElement("title")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}} 등의 태그로 표시됩니다.</span></p>

<p>HTML 표준은 <a class="external" href="https://www.w3.org/">World Wide Web 컨소시엄</a>과 <a href="https://www.whatwg.org/" title="https://www.whatwg.org/">WHATWG</a>에 의해 유지되고있는 국제 표준입니다. HTML은 "살아있는 표준"으로 간주되며 지속적으로 개발되고 있습니다. HTML 사양 최신 버전은 <strong>HTML5</strong>를 이야기 합니다.</p>

<p>HTML5는 HTML과 XHTML의 최신 버전입니다. <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/" title="https://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML 표준</a>의 최신 버전은 완화된 HTML 구문을 사용하여 쓸 수도 있고 더 엄격한 XML 구문, Web 어플리케이션을 만드는데 필요한 구문도 포함하고 있습니다.</p>

<p>HTML5는 내용의 스타일과 서식을 정의<strong>하지 않고</strong> 내용 자체와 <strong>의미</strong>만을 기술합니다. 스타일과 서식은 <a href="/en-US/docs/CSS" title="/en-US/docs/Web/CSS"><strong>캐스캐이딩 스타일 시트(CSS)</strong></a>를 사용해서 제어합니다.</p>

<p><span class="seoSummary">여기에 링크된 글은 웹 개발 시 참조할 수 있는 자료들 입니다.</span></p>

<ul class="card-grid">
 <li><span>HTML reference</span>

  <p>In our <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">extensive reference</a>, you'll find the details on each element and attribute that makes up HTML.</p>
 </li>
 <li><span>HTML guide</span>
  <p>For articles about how to use HTML, as well as tutorials and complete examples, check out our <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML">HTML developer guide</a>.</p>
 </li>
 <li><span>HTML 소개</span>
  <p>만약 웹 개발이 처음이라면 꼭 HTML이 무엇인지, 어떻게 사용하는지에 대한 <a href="/ko/docs/Web/Guide/HTML/Instroduction">소개</a>를 읽으세요.</p>
 </li>
</ul>

<div class="cleared topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">HTML 관련 문서</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Introduction" title="Introduction to HTML"><strong>HTML 소개</strong></a></dt>
 <dd>구문과 사용법을 포함한 HTML 입문 가이드입니다.</dd>
 <dt><a href="/en-US/docs/Web/HTML/Element" title="HTML/Element">HTML 요소 레퍼런스</a></dt>
 <dd>모든 HTML 요소와 기능, 다양한 브라우저 호환성에 대한 자세한 레퍼런스입니다.</dd>
 <dt><a href="/en-US/docs/Web/HTML/Attributes" title="HTML/Attributes">HTML 속성 레퍼런스</a></dt>
 <dd>모든 HTML 속성 및 어떤 요소에 적용할 수 있는지에 대한 내용입니다.</dd>
 <dt><a href="/en-US/docs/Web/Guide/HTML" title="/en-US/docs/Web/Guide/HTML">HTML 가이드</a></dt>
 <dd>HTML 사용법을 배울 수 있는 가이드와 튜토리얼입니다.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/HTML" title="Article tagged: HTML">View All...</a></span></p>

<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">관련 주제</h2>

<ul>
 <li><a href="/en-US/docs/CSS" title="CSS">캐스케이딩 스타일 시트(CSS)</a>는 HTML에 스타일을 제공하는 데 사용됩니다.</li>
 <li><a href="/en-US/docs/DOM" title="Document Object Model (DOM)">문서 객체 모델(DOM)</a>은 HTML 문서를 객체 트리로 표현합니다.</li>
</ul>
</div>

<div class="section">
<h2 class="Community" id="Community" name="Community">커뮤니티에서 도움 받기</h2>

<p>HTML 관련 문제에 대한 도움이 필요한데 문서에서 해결책을 찾을 수없습니까?</p>

<ul>
 <li>모질라 포럼에 문의해 보세요: {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}</li>
 <li>협업을 통해 만들어진 Q&amp;A 사이트인 <a href="https://stackoverflow.com/questions/tagged/html" title="https://stackoverflow.com/questions/tagged/css">스택 오버플로우</a>에서 답변을 찾아볼 수 있습니다. 찾이 못했다면 이 사이트에 질물을 할 수도 있습니다.</li>
 <li><a href="https://quality.mozilla.org/docs/misc/getting-started-with-irc/" title="https://quality.mozilla.org/docs/misc/getting-started-with-irc/">IRC</a>에 참가하세요.</li>
</ul>

<p><span class="alllinks"><a href="https://www.catb.org/~esr/faqs/smart-questions.html"><em>네티켓</em>에 대해 잊지 마세요...</a></span></p>

<h2 class="Tools" id="Tools" name="Tools">HTML 개발자를위한 도구</h2>

<ul>
 <li>최신 버전의 Firefox는 <a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">웹 콘솔</a>, <a href="/en-US/docs/Tools/Page_Inspector" title="/en-US/docs/Tools/Page_Inspector">페이지 분석기</a>, <a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">스타일 편집기</a>, and <a href="/en-US/docs/Tools/Responsive_Design_View" title="/en-US/docs/Tools/Responsive_Design_View">반응형 디자인 보기</a>와 같은 <a href="/en-US/docs/Tools#Integrated_into_Firefox" title="/en-US/docs/Tools#Integrated_into_Firefox">웹 개발 도구</a>를 포함하고 있어서 개발이나 디버깅, 웹페이지를 개선하는데 도움을 줍니다.</li>
 <li>파이어 폭스의 <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug 확장기능</a>은 브라우저에서 직접 사이트의 CSS를 실시간으로 편집 할 수도 있고 탐색할 수 있는 <span class="external">인기 확장</span>기능 입니다. 변경사항을 테스트하는데 매우 실용적이고 더 많은 기능을 포함하고 있습니다.</li>
 <li><a class="external" href="https://validator.w3.org/">HTML Validator</a></li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer Extension</a></li>
 <li><a class="external" href="https://tidy.sourceforge.net/">HTML Tidy</a></li>
 <li><a class="external" href="https://prettydiff.com/?html">Pretty Diff</a></li>
</ul>

<p><span class="alllinks"><a href="/en-US/docs/tag/HTML:Tools" title="Article tagged: HTML:Tools">모두 보기...</a></span></p>
</div>
</div>

<p>&nbsp;</p>
현재 리비전 복원