• 페이지 당 하나의 <h1>
만 사용하세요. 여러 개를 써도 오류는 나지 않겠지만, 단일 <h1>
이 모범 사례로 꼽힙니다. 논리적으로 생각했을 때도, <h1>
은 가장 중요한 제목이므로 전체 페이지의 목적을 설명해야 할 것입니다. 두 개의 제목을 가진 책이나, 여러 개의 이름을 가진 영화는 볼 수 없죠! 또한 스크린 리더 사용자와 SEO에도 더 적합합니다.
출처:
- : HTML 구획 제목 요소 - HTML: Hypertext Markup Language | MDN
스크린 리더 사용자가 흔히 사용하는 탐색 기법은 제목에서 제목으로 뛰어넘으며 페이지 콘텐츠를 빠르게 파악하는 것입니다. 따라서 제목 단계를 뛰어넘으면 중간에 빠진 제목이 어디 있는 건지 모르므로 사용자의 혼란을 야기할 수 있습니다.
<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
좋은 글 잘 보고 갑니다 html로 열심히 프로그래밍 하시길 바라요ㅎㅎ