HTML 헤더 의미

나는 대학 과정의 일부로 HTML 의미 연습을하고 있는데, 나는 헤더가 어느 방향으로 배치되어야하는지 궁금해했다. 내가이 예를 들어 보겠습니다 :HTML 헤더 의미

예 1 :

<main> 
    <header> 
    <h1>Main Header</h1> 
    </header> 
    <section> 
    <header> 
     <h1>Section Header</h1> 
    </header> 
    <p>Some content</p> 
    </section> 
</main>

예 2 : 여기

<main> 
    <header> 
    <h1>Main Header</h1> 
    </header> 
    <section> 
    <header> 
     <h2>Section Header</h2> 
    </header> 
    <p>Content here</p> 
    </section> 
</main>

내 주요 경이 당신이 섹션 내부 h1 또는 h2를 사용 시들어입니다. 올바른 예제 1이 더 의미 론적으로 정확하다는 것을 이해하면 (적어도 크롬에서는) 원시 HTML은 섹션 헤더가 더 작아지는 방식으로 스타일이 지정됩니다. 그러나 예전에 나는 예제 2에서 그 방법을 사용했고, 1 학년 때 나는 이것이 잘못되었다고 결코 말하지 않았다.

이 연습에서는 의미 론적으로 등급이 매겨지기 때문에 호기심을 자극해야하기 때문에 어떤 것이 더 정확한지 알고 싶습니다.

출처

2016-10-05 William Park

이 질문에 대한 명확한 답변이 없으므로 "주로 의견 기반"으로 마감해야합니다. [HTML5 사양은 구체적으로 다음과 같이 명시합니다.] (https://www.w3.org/TR/html5/sections.html#headings-and-sections) : "h1-h6 요소는 부제목, 자막, 대체 제목을 마크 업하는 데 사용하면 안됩니다 새로운 섹션이나 하위 섹션의 제목이 아닌 한 태그 라인을 사용하십시오. " - 페이지에서 새로운 섹션을 나타내는 한 무한 수의 'h1'요소를 사용할 수 없다는 의미는 아닙니다. –

http://html5doctor.com/outlines/ 읽을 가치가 있습니다. 2014 년 이후로 상황이 조금 바뀌었을 수도 있지만, IIRC 이후에는 상황이 여전히 유동적이었습니다. – Quentin

James에게 감사드립니다. 내가 생각하기에이 질문을 게시하는 것을 주저했다. 나는이 운동을 통해 성적을 잃을 위험이 없다는 것을 묻는 가치가 있다고 느낍니다. 나는 그것을 Quentin을 통해 읽도록하겠습니다. –

출처 : http://w3c.github.io/html/sections.html#headings-and-sections

".. 그 부분 중첩 수준에 해당하는 순위의 제목을 포함 할 수 있습니다 저자는 섹션의 중첩 수준에 해당하는 순위의 제목을 사용해야 섹션"

예 2는 W3C가 인용 한 다음 예제에서 사용할 것을 제안하는 것으로 보입니다.

이것은 아마 모든 의견을 기반으로하므로이 정보로이 질문을 마무리하고 있습니다.

출처

2016-10-05 13:14:43

HTML 헤더 의미

답변

관련 문제