HTML <title> 요소는 브라우저의 제목 표시줄이나 페이지 탭에 보여지는 문서의 제목을 정의합니다. 이 요소는 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.
- 콘텐츠 카테고리메타데이터 콘텐츠
- 허용하는 콘텐츠 텍스트
- 태그 생략여는 태그, 닫는 태그 필요.
</title>을 제외하면 브라우저가 페이지의 나머지 부분을 무시한다는 점에 유의하세요. - 허용하는 부모 요소다른
<title>요소를 포함하지 않는<head>요소 - 허용하는 ARIA 역할없음
- DOM 인터페이스
HTMLTitleElement
속성
전역 속성만을 포함합니다.
참고
<title> 요소는 페이지의 <head> 안에서 사용해야 합니다.
예제
<title>Awesome page title</title>
접근성 고려사항
페이지의 목적을 설명하는 title을 제공하는건 중요한 일입니다.
보조 기술 사용자의 흔한 탐색 기술 중 하나는 페이지의 제목을 읽고 어떤 내용일지 유추하는 것입니다. 페이지를 일일히 탐색하며 콘텐츠를 찾는건 시간도 많이 들 뿐더러 어려운 일이기 때문입니다.
예제
<title>메뉴 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!</title>
사용자를 도와주려면 페이지의 title 값이 중요한 상태의 변화(입력 폼 유효성 문제 등)를 반영하도록 바꾸세요.
<title>오류 2개 - 주문서 - 블루 하우스 치즈 - FoodYum: 지금 바로 온라인으로 주문하세요!</title>
- MDN Understanding WCAG, Guideline 2.4 explanations
- Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0
명세
| 명세 | 상태 | 주석 |
|---|---|---|
| HTML Living Standard The definition of '<title>' in that specification. |
Living Standard | |
| HTML5 The definition of '<title>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<title>' in that specification. |
Recommendation |
브라우저 호환성
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
title | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 1 | IE Full support 1 | Opera Full support Yes | Safari Full support 1 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support