thinkNote

■ HTML 헤딩

▶ HTML 헤딩은 웹 페이지에 표시하고 싶은 제목 혹은 부제이다.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

▶ HTML 헤딩은 <h1> ~ <h6> 태그로 정의된다.

▶ <h1> 태그는 가장 중요한 제목을 정의하고, <h6> 태그는 덜 중요한 제목을 정의한다.

※ Browser는 제목 앞뒤로 약간의 공백을 자동으로 추가한다.

■ 헤딩은 중요하다.

▶ 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 인덱싱한다.

▶ 사용자는 종종 제목으로 페이지를 훑어본다.

▶ 문서 구조를 표시하려면 헤딩태그을 사용하는 것이 중요하다.

▶ <h1> 태그는 주요 제목에 사용할 수 있다. 후에는 <h2>, <h3> ...

※ 제목에만 HTML 헤딩태그를 사용해야 한다. 텍스트를 크게 하거나 굵게 만들기 위해 헤딩 태그를 사용하면 안된다.

■ 더 큰 헤딩태그

▶ 각 HTML 헤딩태그는 기본적인 크기가 있다.

▶ 그러나, CSS의 "font-size" 속성을 사용하여 "style" 속성으로 모든 헤딩태그의 크기를 지정할 수 있다.

<h1 style="font-size: 60px;">헤딩 1</h1>

출처 : https://www.w3schools.com/html/html_headings.asp