수색…
소개
HTML은 일반 단락 태그뿐만 아니라 다양한 크기와 두께의 제목을 나타내는 여섯 개의 별도 헤더 태그를 제공합니다. 6 번 제목을 통해 1 번 제목으로 열거되며 1 번 제목은 가장 크고 가장 두꺼운 텍스트를, 6 번은 가장 작고 가장 얇은, 단락 수준까지 열거합니다. 이 주제에서는 이러한 태그의 올바른 사용법에 대해 자세히 설명합니다.
통사론
-
<h1>...</h1> -
<h2>...</h2> -
<h3>...</h3> -
<h4>...</h4> -
<h5>...</h5> -
<h6>...</h6>
비고
h1-h6요소에는 시작 태그와 종료 태그가 모두 있어야합니다. 1h1-h6요소는 기본적으로 블록 수준 요소입니다 (CSS 스타일 :display: block). 2h1-h6요소를 section 요소 와 혼동해서는 안됩니다.제목 태그 (
h1-h6)이 관련되지 않은head태그입니다.허용 된 콘텐츠 : 표현 콘텐츠
표제의 다른 CSS 스타일은 대개
font-size와margin다릅니다.h1-h6요소에 대한 다음 CSS 설정은 오리엔테이션으로 사용할 수 있습니다 ( W3C에서 '유익한'것으로 나타남 )검색 엔진 스파이더 (검색 엔진에 페이지를 추가하는 코드)는 페이지의 내용을 식별하기 위해 더 높은 중요도 (h1은 가장 많고 h2는 적고 h3은 적습니다 ...) 제목에 자동으로주의를 기울입니다.
표제 사용하기
표제는 앞에 오는 주제를 설명하는 데 사용할 수 있으며 <h1> 에서 <h6> 태그로 정의됩니다. 표제는 모든 전역 속성을 지원 합니다 .
-
<h1>은 가장 중요한 제목을 정의합니다. -
<h6>는 가장 중요하지 않은 머리글을 정의합니다.
제목 정의 :
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
구조 문제를 해결하십시오.
검색 엔진 및 다른 사용자 에이전트는 일반적으로 제목을 기반으로 페이지 콘텐츠를 색인화합니다 (예 : 목차 만들기). 따라서 제목에 올바른 구조를 사용하는 것이 중요합니다.
일반적으로 기사에는 주 제목에 h1 요소가 하나 있어야하고 h2 자막이 있어야합니다 (필요한 경우 레이어로 이동). 상위 수준에 h1 요소가있는 경우 낮은 수준의 콘텐츠를 설명하는 데 사용되지 않습니다.
예제 문서 (계층을 설명하기위한 추가 의도) :
<h1>Main title</h1>
<p>Introduction</p>
<h2>Reasons</h2>
<h3>Reason 1</h3>
<p>Paragraph</p>
<h3>Reason 2</h3>
<p>Paragraph</p>
<h2>In conclusion</h2>
<p>Paragraph</p>