[HTML] h1-h6 이해하기

html 빌드를 할 때 헷갈리는것 중에 하나였던 h1-h6

진짜 각잡고 정리해보려고 한다.

1. 글씨크기를 위해서 사용하는것이 아니고 가독성을 위해서 사용되는 것
2. 언제나 <h1>으로 시작해서 <h2>순차적으로 기입해야하며,
3. 페이지장 하나의 <h1>만 사용가능한데 가장 중요한제목으로 전체 페이지의목적을 설명해야 할 것이여야한다고
4. 중첩콘텐츠 구조를 나타낼 수 있다.

 

h1 Beetles
    h2 Etymology
    h2 Distribution and Diversity
    h2 Evolution
        h3 Late Paleozoic
        h3 Jurassic
        h3 Cretaceous
        h3 Cenozoic
    h2 External Morphology
        h3 Head
            h4 Mouthparts
        h3 Thorax
            h4 Prothorax
            h4 Pterothorax
        h3 Legs
        h3 Wings
        h3 Abdomen

 

✔ h1태그의 중요성

html페이지에서 찾고 그곳에 포함된 키워드를 검색엔진에 사용, 노출하고싶은 키워드에 넣는게 좋음

 

✔ 페이지에 하나씩 h1이 있는게 좋은데 둘 다 중요한 내용일 경우엔?

        <h1>
            <div class="">
                vol. 4
            </div>
            <div class="">
                Classics never get old
            </div>
        </h1>

이렇게 묶을 수 있다고 처음 앎

 

 

참고 사이트

w3schools

ANZI