[HTML] 텍스트 관련 태그(2) - 텍스트를 한 줄로 표시하는 태그

 

 

 

strong, b

<strong></strong>
<b><b/>

- 텍스트를 굵게 표시하는 기능

- b는 bold의 줄임말

- 눈으로 볼때는 두 태그가 느껴지지 않지만 화면 낭독기에서는 구분 되기 때문에 구분해서 사용

- 경고나 주의 사항처럼 중요한 내용이여서 강조해야할 때는 strong (화면 낭독기에서 강조되었다고 알림)

- 단순히 굵게 표시할 때는 b

 

 

em, i

<em></em>
<i></i>

- 비스듬한 이탤릭체로 표시하는 기능

- em은 emphasis의 줄임말, i는 italic의 줄임말

- 문장에서 특정 부분을 강조하고 싶을 때는 em

- 마음 속의 생각이나 꿈, 기술적인 용어, 다른 언어의 관용구 등에는 i

 

 

q

<q></q>

- 인용한 내용을 표기하기 위한 것

- quote의 줄임말

- blockquote와 다른 점은 인라인 레벨 태그라는 것

- 줄바꿈 없이 다른 내용과 함께 표시 되고 인용 내용을 구분할 수 있도록 인용 내용에 따옴표를 붙여 표시함

- blockquote처럼 cite 속성을 이용해 사이트 주소를 표시할 수 있음

 

 

mark

<mark></mark>

- 선택한 부분의 배경이 노란색이 되며 형광펜으로 그어 놓은 듯한 효과를 냄

- style의 background-color 속성을 사용해서 형광펜 색(배경색)을 바꿀 수 있음

 

 

span

<span></span>

- 줄바꿈 없이 영역 묶을 때 사용

- 태그 자체로는 아무 의미가 없지만 텍스트 단락 안에서 줄바꿈 없이 일부 텍스트만 묶어 스타일을 적용하려고 할 때 주로 사용

 

 

ruby

<ruby>내용<rt>주석</rt></ruby>

- 동아시아 글자 표시할 때 사용

- 주석으로 표시할 내용을 ruby 태그 안에 rt 태그로 표시함

- 예를 들어 일본어 글자와 발음을 함께 표시해줌