h1부터 h6까지 제목 단계로 문서의 개요를 만듭니다.
제목 태그는 글자 크기 선택 도구가 아니라 문서 목차를 만드는 구조입니다. 보통 페이지의 핵심 제목은 h1 하나로 두고, 하위 절은 h2, 그 안의 소절은 h3처럼 단계를 건너뛰지 않고 사용합니다.
예제의 개요는 웹 개발 입문 아래에 HTML과 CSS 두 절이 있고, HTML 절에만 제목 요소라는 소절이 딸린 모양입니다. 두 번째 h2가 나오는 순간 h3의 범위가 끝나고 CSS 절이 시작됩니다. CSS에서 크기를 정한 것은 h1뿐이라 h2와 h3은 브라우저 기본값인 1.5em과 1.17em으로 표시됩니다.
section마다 h1을 다시 써도 단계가 자동으로 내려간다던 개요 알고리즘은 주요 브라우저가 구현하지 않았고 표준에서도 빠졌습니다. 단계는 h1부터 h6까지의 숫자로 직접 표현해야 하며, 화면 읽기 도구 사용자는 이 숫자를 따라 제목 사이를 건너뛰며 문서를 훑습니다.
h1 다음에 모양 때문에 h4를 바로 쓰면 문서 개요가 불분명해집니다. 크기는 CSS로 조절하세요.
직접 바꿔보세요두 번째 h2 아래에 h3 제목과 문단을 하나 추가하세요.