[HTML] 텍스트 태그

1. 텍스트 태그란?

HTML 웹페이지의 내용을 구성하는 가장 기본적인 단위는 텍스트

텍스트도 단순히 쓰는 게 아니라, 의미에 따라 구분해서 태그를 써야함

제목은 <h1>
본문은 <p>
줄바꿈은 <br>
강조는 <strong>, <em>

이런 식으로 구체적인 의미를 가진 태그로 나눠야 시맨틱 웹 + 접근성 + 검색 최적화에도 좋음

2. 제목 태그

<h1>가장 큰 제목</h1>
<h2>그 다음 크기</h2>
...
<h6>가장 작은 제목</h6>

<h1>이 제일 크고 중요, <h6>은 가장 작고 부차적
한 문서에는 보통 <h1>은 한 번만 사용하는 게 좋아 (주제당 하나)
검색 엔진도 <h1>을 중요하게 평가함 → SEO 핵심 요소

정리하면, 제목 계층 구조를 잡는 데 쓰는 태그 데 쓰는 태그

3. 문단 태그

<p> 하나의 문단 </p>

글을 쓸 때 문단 단위로 구분할 수 있는 태그
자동으로 위아래에 공백(margin) 생김
하나의 생각, 하나의 내용을 덩어리로 표현할 때 사용

p 태그는 줄 바꿈이 아닌, 의미 단위의 구분⭐

4. 줄바꿈 태그

이게 <br>
줄바꿈 태그

단순히 줄을 한 줄 바꿀 때 쓰는 태그
닫는 태그 없음 → <br />로도 씀 (둘 다 가능)
<p>처럼 문단을 나누진 않음

너무 남발하면 구조가 엉망이 되니까 디자인용 줄바꿈엔 CSS 사용

5. 강조 태그

<strong>중요한 단어</strong>

강조 + 의미적 중요성
검색엔진/스크린리더도 “이건 중요한 내용이구나” 하고 인식함
굵은 글씨로 표시됨

<em>강조할 부분</em>

강조 + 강조된 느낌 (강세, 톤 변화)
보통 기울임으로 표시됨

둘 다 시각적 강조 뿐만 아니라 “이 내용이 더 중요해” 라는 의미 전달이 핵심

6. 정리

텍스트는 목적에 맞는 태그로 나눠 써야 한다.

<h1> ~ <h6>: 제목 계층 구조
<p>: 문단
<br>: 줄바꿈
<strong>, <em>: 의미 있는 강조
<mark>, <code> 등 부가 태그도 잘 써먹자!