--- title: '
HTML <title>
요소는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.
<title>Grandma's Heavy Metal Festival Journal</title>
콘텐츠 카테고리 | 메타데이터 콘텐츠. |
---|---|
가능한 콘텐츠 | 비어있지 않는 텍스트. |
태그 생략 | 여는 태그와 닫는 태그 모두 필수입니다. </title> 이 없으면 브라우저가 페이지의 나머지 내용을 무시합니다. |
가능한 부모 요소 | 다른 <title> 요소를 포함하지 않은 {{htmlelement("head")}}. |
가능한 ARIA 역할 | 없음 |
DOM 인터페이스 | {{domxref("HTMLTitleElement")}} |
이 요소는 전역 특성만 포함합니다.
<title>
요소는 페이지의 {{HTMLElement("head")}} 안에서 사용해야 합니다.
페이지 제목은 {{glossary("SEO")}}에 큰 영향을 줍니다. 보통, 짧고 일반적인 이름보다 길고 상세한 제목이 더 좋은 성과를 내곤 합니다. {{glossary("search engine", "검색 엔진")}}이 결과 페이지의 순서를 결정하는 구성 요소 중 하나가 페이지 제목의 내용이기 때문입니다. 또한, 검색 결과에서 잠재적 독자의 주목을 끌 수 있는 최초 "훅"이 바로 제목입니다.
다음은 좋은 제목을 작성할 때 참고할 수 있는 몇 가지 지침입니다.
<title>엄청 흥미로운 내용</title>
예제 코드를 포함한 문서를 연 브라우저 창이나 탭의 제목이 "엄청 흥미로운 내용"으로 바뀌게 됩니다.
페이지의 목적을 설명하는 title
을 제공하는 것이 중요합니다.
보조 기술 사용자가 자주 사용하는 탐색 기술 중 하나는 페이지의 제목을 읽고 어떤 내용일지 유추하는 것입니다. 일일히 탐색해가며 콘텐츠를 찾는건 시간도 많이 들 뿐더러 어려운 일이기 때문입니다.
<title>메뉴 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!</title>
사용자를 도와주려면 페이지의 title
값이 중요한 상태의 변화(입력 폼 유효성 문제 등)를 반영하도록 바꾸세요.
<title>오류 2개 - 주문서 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!</title>
명세 | 상태 | 주석 |
---|---|---|
{{SpecName('HTML WHATWG', 'semantics.html#the-title-element', '<title>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '<title>')}} | {{Spec2('HTML5 W3C')}} | |
{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '<title>')}} | {{Spec2('HTML4.01')}} |
{{Compat("html.elements.title")}}