HTML 페이지 제목

개념 이해하기

title은 head 안에 하나만 두며 페이지마다 내용을 구체적으로 달리합니다. 현재 화면의 주제와 사이트 이름을 함께 쓰면 탭을 여러 개 열었을 때도 찾기 쉽습니다. 실습실은 body 조각을 실행하므로 부모 탭의 제목을 바꾸지 않고, 실제 head에 넣을 title 코드를 결과 화면에 그대로 보여줍니다.

예제에서는 <title>HTML 폼 배우기 | hohyeon.dev</title> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.

먼저 현재 결과를 확인한 뒤 강좌 상세 페이지에 맞는 구체적인 title 문구를 작성하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.