title 요소가 브라우저 탭과 검색 결과의 제목이 되는 방식을 배웁니다.
title은 head 안에 하나만 두며 페이지마다 내용을 구체적으로 달리합니다. 현재 화면의 주제와 사이트 이름을 함께 쓰면 탭을 여러 개 열었을 때도 찾기 쉽습니다. 실습실은 body 조각을 실행하므로 부모 탭의 제목을 바꾸지 않고, 실제 head에 넣을 title 코드를 결과 화면에 그대로 보여줍니다.
예제의 title 문구는 HTML 폼 배우기라는 페이지 주제를 앞에, 사이트 이름 hohyeon.dev를 세로 막대 뒤에 두었습니다. 탭이 좁아져 제목이 잘려도 앞쪽의 주제는 남기 때문에 이 순서를 씁니다. 본문 안의 h1이 화면 속 제목이라면 title은 문서 바깥에서 탭, 방문 기록, 북마크의 이름으로 쓰입니다.
title 안에서는 태그가 해석되지 않고 내용이 글자로만 다뤄지며, 앞뒤 공백과 연속 공백은 정리된 뒤 표시됩니다. 스크립트에서는 document.title로 읽고 바꿀 수 있어서 읽지 않은 알림 수를 제목 앞에 붙이는 서비스도 흔합니다. 검색 결과의 제목은 검색엔진이 title을 참고해 따로 정합니다.
모든 페이지를 '홈'이나 같은 사이트 이름으로만 두면 검색과 탭 구분이 어려워집니다.
직접 바꿔보세요강좌 상세 페이지에 맞는 구체적인 title 문구를 작성하세요.