💡 퀵 접속: htm.kr/title

HTML <title> 태그

태그 설명

<title> 태그는 HTML 문서의 제목을 정의합니다. 이 제목은 브라우저 탭에 표시되며, 북마크나 검색 결과에서도 사용됩니다. <head> 섹션 내에서 사용되어야 합니다.

주요 속성

속성 값 설명
lang 언어 코드 제목의 언어를 지정합니다 (예: ko, en, ja)

기본 예제

<!DOCTYPE html>
<html>
<head>
    <title>웹 페이지 제목</title>
</head>
<body>
    <h1>페이지 내용</h1>
</body>
</html>

블로그 실전 예제

<!-- 1. 일반 블로그 포스트 -->
<title>2024년 웹 개발 트렌드 분석 | 개발자 블로그</title>

<!-- 2. 카테고리 페이지 -->
<title>HTML/CSS 튜토리얼 모음 | 웹 개발 가이드</title>

<!-- 3. 검색 결과 페이지 -->
<title>"JavaScript" 검색 결과 | 기술 블로그</title>

<!-- 4. 다국어 지원 -->
<title lang="ko">한국어 제목</title>
<title lang="en">English Title</title>

<!-- 5. SEO 최적화 예제 -->
<title>초보자를 위한 HTML 기초 강좌 (2024) | 웹 개발 시작하기</title>

실제 보여지는 모양

브라우저 탭에 다음과 같이 표시됩니다:

📄 2024년 웹 개발 트렌드 분석 | 개발자 블로그

참고사항

  • 모든 HTML 문서는 반드시 <title> 태그를 포함해야 합니다.
  • 제목은 50-60자 이내로 작성하는 것이 좋습니다.
  • 검색 엔진 최적화(SEO)를 위해 키워드를 포함하는 것이 좋습니다.
  • 브랜드명이나 사이트명을 포함하면 좋습니다.
  • 각 페이지마다 고유한 제목을 사용해야 합니다.

블로그 작성 팁

  • 포스트 제목과 사이트명을 구분자(|)로 분리하여 작성합니다.
  • 주요 키워드를 제목 앞부분에 배치합니다.
  • 연도나 시점을 포함하여 최신성 있는 콘텐츠임을 강조합니다.
  • 검색 결과에서 클릭을 유도하는 매력적인 제목을 작성합니다.
  • 카테고리나 섹션별로 일관된 제목 형식을 유지합니다.

브라우저 지원

모든 주요 브라우저에서 지원됩니다.

  • Chrome: 지원
  • Firefox: 지원
  • Safari: 지원
  • Edge: 지원
  • Opera: 지원