[HTML] 제목태그(Heading) :: <h1></h1>

제목 태그, hn 태그, Heading

• 제목 태그
• 문서 내의 제목을 출력하는 태그
• n: 1~6 → 제목의 중요도
• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
• 쌍태그
• 혼합형

<!-- 정상 작업 > 의미에 맞는 활용 > 시멘틱 웹(Semantic Web) -->
<h1 align="center">제목입니다.</h1>
<p>내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.</p>
	
<h2>제목입니다.</h2>
<h3>제목입니다.</h3>
<h4>제목입니다.</h4>
<h5>제목입니다.</h5>
<h6 style="font-size: 24pt;">제목입니다.</h6>

 

hn태그의 align 속성

• 수평 정렬

 

⚠️ 주의사항

'상위 그룹부터 하위 그룹으로 내려가며 사용하면 된다' 라고 생각하기!

ex) 작은 글씨로 포스팅하고 싶어서 <h1> 없이 <h3>를 사용하면, <h1>이 없이는 <h3>가 존재하지 않기 때문에 구글봇이 수집해가지 않는다.

 

태그의 출력 결과는 중요하지 않음 → 화면에 어떻게 보이는지는 그다지 중요하지 않다. → 화면 → CSS 재정의!!!

 

모든 태그는 의미에 맞게 활용해야 한다. ⇒ 시멘틱 웹(Semantic Web)

 

*글 작성에 참고한 내용: 학원 쌤의 열정적인 수업