HTML 콘텐츠의 대부분은 텍스트로 구성된다.

제목이나 본문, 글자의 형태와 중요도를 나타내는 텍스트에 관련된 태그들을 알아보도록 하자.

1. 제목(Headings) 태그

Heading태그는 제목을 나타낼 때 사용하며 h1에서 h6까지의 태그가 있다. h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다.

시맨틱 웹의 정신에 따라 제목 이외의 용도로는 사용하지 않는 것이 좋겠다. 검색엔진은 제목 태그를 중요한 의미로 받아들일 가능성이 크다.

2. 글자 형태 (Text Formatting) 태그

2.1 b

bold체를 적용하는 태그이다. 제목태그와는 다르게 semantic하지 않다. (의미에 대한 정보를 포함하지 않는 태그이다.)

<b>This text is bold.</b>
<p style="font-weight: bold;">This text is bold.</p>

2.2 strong

표현되는 외관 상 b tag와 동일한 효과를 주지만, b tag와는 다르게 semantic하다. 따라서 웹표준을 준수하고자 한다면 strong을 사용하는 것이 바람직하다.

2.3 i

Italic체를 적용한다. semantic하지 않다.

2.4 em

i와 em의 관계는 b와 strong의 관계와 같다. em은 emphasized의 약자로, semantic하다.

2.5 small

2.6 mark

하이라이트 효과

2.7 del

취소선 효과