HTML <title> 태그

정의와 사용법

<title> 태그는 문서의 제목을 정의합니다. 제목은 순수한 텍스트여야하며, 브라우저의 타이틀 바나 페이지 탭에 표시됩니다.

<title> 태그는 HTML 문서에서 필수적입니다!

페이지 제목의 내용은 검색 엔진 최적화(SEO)에 매우 중요합니다! 검색 엔진 알고리즘은 페이지 제목을 사용하여 검색 결과에서 페이지를 나열할 때의 순서를 결정합니다.

<title> 요소:

  • 브라우저 도구 표시줄에 제목을 정의합니다
  • 즐겨찾기에 추가할 때 페이지 제목을 제공합니다
  • 검색 엔진 결과에서 페이지 제목을 표시합니다

이하에서는 제목을 만들 때 좋은 조언을 몇 가지 제공합니다:

  • 길고 설명적인 제목을 선택하세요(단어 하나 또는 두 개만 포함한 제목을 피하세요)
  • 검색 엔진은 약 50-60 개의 문자를 제목으로 표시할 것입니다, 따라서 제목이 너무 길지 않도록 주의하세요
  • 제목을 단순한 단어 목록으로 설정하지 마세요(이는 페이지가 검색 결과에서의 순위를 낮출 수 있습니다)

따라서, 제목을 정확하고 의미 있게 만들기 위해 노력해야 합니다!

주의:HTML 문서에 여러 개의 <title> 요소.

다른 참고:

HTML 강의:HTML 헤더

HTML DOM 참조 매뉴얼:타이틀 객체

예제

귀하의 HTML 문서에 제목을 정의하세요:

<!DOCTYPE html>
<html>
<head>
  <title>HTML 참조 매뉴얼</title>
</head>
<body>
<h1>이는 제목입니다</h1>
<p>이는 단락입니다.</p>
</body>
</html>

직접 시도해 보세요

전역 속성을 지원합니다

<title> 태그는 또한 HTML의 전역 속성

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <title> 요소:

title {
  display: none;
}

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원