Skip to content

HTML5의 h1~h6

  • Web
  • Html

August 03, 2022

HTML5의 h1~h6

html5에서 새롭게 추가된 요소의 영향으로 h1을 한 문서에서 여러 번 사용해도 유효성에 영향을 주지 않는다.

🟡 <h1> ~ <h6>

h1, h2, h3, h4, h5, h6, hgroup 요소들은 헤딩을 의미

  • 섹셔닝 콘텐츠의 첫번째 헤딩은 그섹션의 헤딩을 의미
  • 같거나 높은 레벨의 헤딩은 새로운 섹션
  • 낮은 레벨의 섹션은 새로운 하위 섹션
<article>
  <h1>현대카드 경영키워드</h1>
  <section>
    <h1>경영전략:전략이 곧 비전이다.</h1>
    <p>
      기업이 추구하는 가치에 도달하기 위해선 먼저 올바른 전략을 설정하고, 이에
      부합된 사업전략과 기능전략을 유기적인 관계 속에서 일관되게 추진해야
      합니다.
    </p>
  </section>
  <section>
    <h1>스피드경영:승패를 가르는 유일한 변수이다.</h1>
    <p>
      조직 내에서 속도를 저하시키는 최대의 장애 요인인 불분명한 지시와 초점 없는
      결정, 단선 커뮤니케이션 등을 지양해야 합니다.
    </p>
  </section>
</article>

만약 outline과 전혀 관계 없는 <div> 속에 <h1> 여러 개를 그냥 사용할 경우
→ 글자크기가 모두 동일하며, 계층표현이 되지 않는다. = 에러

Previous Post

HTML5의 섹션 요소(Sectioning Group)

HTML5의 섹션 요소(Sectioning Group)
Next Post

HTML5의 그룹화 요소

HTML5의 그룹화 요소

© 2023 Haeun Choi

  • Github
  • Contact