lang, charset, viewport, description과 title이 문서를 설명하는 방식을 배웁니다.
html의 lang은 문서의 기본 언어를 알려 발음과 번역에 도움을 줍니다. charset=utf-8은 문자 해석 방식을, viewport는 모바일 화면의 기준 폭을, description은 검색 결과에 사용될 수 있는 페이지 요약을 제공합니다. title은 탭 이름이므로 페이지마다 구체적으로 작성합니다. lang과 head 메타데이터는 본문에 보이지 않으므로, 실습 결과에서는 완성된 문서 코드를 읽을 수 있는 형태로 표시합니다.
예제에서는 <html lang="ko"><head><meta charset="utf-8">...</head> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 현재 강좌 페이지에 어울리는 title과 description을 직접 작성하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
keyword meta를 많이 넣는 것이 검색 순위를 보장하지 않습니다. 페이지 내용과 일치하는 title, description, 의미 있는 본문 구조가 먼저입니다.
직접 바꿔보세요현재 강좌 페이지에 어울리는 title과 description을 직접 작성하세요.