initial commit

1 files changed, 134 insertions, 0 deletions

diff --git a/files/ko/web/html/element/title/index.html b/files/ko/web/html/element/title/index.html
new file mode 100644
index 0000000000..178a0d05ff
--- /dev/null
+++ b/files/ko/web/html/element/title/index.html
@@ -0,0 +1,134 @@
+---
+title: '<title>: 문서 제목 요소'
+slug: Web/HTML/Element/title
+tags:
+  - Element
+  - HTML
+  - HTML document metadata
+  - 'HTML:Metadata content'
+  - Reference
+  - Web
+  - 제목
+  - 창 제목
+  - 탭 제목
+  - 페이지 제목
+translation_of: Web/HTML/Element/title
+---
+<div>{{HTMLRef}}</div>
+
+<p><span class="seoSummary"><strong>HTML <code>&lt;title&gt;</code> 요소</strong>는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다.</span> 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.</p>
+
+<pre class="brush: html">&lt;title&gt;Grandma's Heavy Metal Festival Journal&lt;/title&gt;</pre>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/ko/docs/Web/Guide/HTML/%EC%BB%A8%ED%85%90%ED%8A%B8_%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC">콘텐츠 카테고리</a></th>
+   <td><a href="/ko/docs/Web/Guide/HTML/컨텐트_카테고리#메타데이터_콘텐츠">메타데이터 콘텐츠</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">가능한 콘텐츠</th>
+   <td>비어있지 않는 텍스트.</td>
+  </tr>
+  <tr>
+   <th scope="row">태그 생략</th>
+   <td>여는 태그와 닫는 태그 모두 필수입니다. <code>&lt;/title&gt;</code>이 없으면 브라우저가 페이지의 나머지 내용을 무시합니다.</td>
+  </tr>
+  <tr>
+   <th scope="row">가능한 부모 요소</th>
+   <td>다른 <code>&lt;title&gt;</code> 요소를 포함하지 않은 {{htmlelement("head")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">가능한 ARIA 역할</th>
+   <td>없음</td>
+  </tr>
+  <tr>
+   <th scope="row">DOM 인터페이스</th>
+   <td>{{domxref("HTMLTitleElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="특성">특성</h2>
+
+<p>이 요소는 <a href="/ko/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">전역 특성</a>만 포함합니다.</p>
+
+<h2 id="사용_일람">사용 일람</h2>
+
+<p><code>&lt;title&gt;</code> 요소는 페이지의 {{HTMLElement("head")}} 안에서 사용해야 합니다.</p>
+
+<h3 id="페이지_제목과_SEO">페이지 제목과 SEO</h3>
+
+<p>페이지 제목은 {{glossary("SEO")}}에 큰 영향을 줍니다. 보통, 짧고 일반적인 이름보다 길고 상세한 제목이 더 좋은 성과를 내곤 합니다. {{glossary("search engine", "검색 엔진")}}이 결과 페이지의 순서를 결정하는 구성 요소 중 하나가 페이지 제목의 내용이기 때문입니다. 또한, 검색 결과에서 잠재적 독자의 주목을 끌 수 있는 최초 "훅"이 바로 제목입니다.</p>
+
+<p>다음은 좋은 제목을 작성할 때 참고할 수 있는 몇 가지 지침입니다.</p>
+
+<ul>
+ <li>하나 혹은 두 개의 단어로만 제목을 구성하는걸 피하세요. 콘텐츠를 설명하는 문장을 넣거나, 사전과 참고 문서의 경우 용어와 정의를 짝지어 사용하세요.</li>
+ <li>검색 결과는 보통 페이지 제목의 첫 55~60글자만 노출합니다. 이후 텍스트는 보이지 않을 수도 있으므로 글자 수를 제한하세요. 긴 제목을 반드시 사용해야 하는 경우, 중요한 부분을 앞에 배치해서 뒷부분이 없어지더라도 내용을 잃지 않도록 주의하세요.</li>
+ <li>"키워드 뭉치" 스타일의 제목은 피하세요. 제목이 단순한 단어 나열에 불과하다면 검색 알고리즘이 결과에서 순서를 내리곤 합니다.</li>
+ <li>웹 사이트 내에서 제목을 최대한 겹치지 않도록 하세요. 중복, 혹은 유사한 제목은 검색 결과의 정확도를 떨어트리는 요인입니다.</li>
+</ul>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: html">&lt;title&gt;엄청 흥미로운 내용&lt;/title&gt;
+</pre>
+
+<p>예제 코드를 포함한 문서를 연 브라우저 창이나 탭의 제목이 "엄청 흥미로운 내용"으로 바뀌게 됩니다.</p>
+
+<h2 id="Specifications" name="Specifications">접근성 고려사항</h2>
+
+<p>페이지의 목적을 설명하는 <code>title</code>을 제공하는 것이 중요합니다.</p>
+
+<p>보조 기술 사용자가 자주 사용하는 탐색 기술 중 하나는 페이지의 제목을 읽고 어떤 내용일지 유추하는 것입니다. 일일히 탐색해가며 콘텐츠를 찾는건 시간도 많이 들 뿐더러 어려운 일이기 때문입니다.</p>
+
+<h3 id="예제_2">예제</h3>
+
+<pre class="brush: html">&lt;title&gt;메뉴 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!&lt;/title&gt;
+</pre>
+
+<p>사용자를 도와주려면 페이지의 <code>title</code> 값이 중요한 상태의 변화(입력 폼 유효성 문제 등)를 반영하도록 바꾸세요.</p>
+
+<pre class="brush: html">&lt;title&gt;오류 2개 - 주문서 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!&lt;/title&gt;
+</pre>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.4_%E2%80%94_Navigable_Provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are">MDN Understanding WCAG, Guideline 2.4 explanations</a></li>
+ <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html">Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0</a></li>
+</ul>
+
+<h2 id="Specifications" name="Specifications">명세</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">명세</th>
+   <th scope="col">상태</th>
+   <th scope="col">주석</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-title-element', '&lt;title&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '&lt;title&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '&lt;title&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("html.elements.title")}}</p>