Codeit_<b> 태그, <i> 태그 VS <strong> 태그, <em> 태그

---

<b> 태그, <i> 태그  VS <strong> 태그, <em> 태그

---

<b> 태그

텍스트를 굶게 만들고 싶으면 bold를 뜻하는 <b> 태그를 사용하면 된다.

 

<i> 태그

텍스트를 날려 쓰고 싶으면 italic을 뜻하는 <i> 태그를 사용하면 된다.

 

Phrase Tags

<b> 태그는 그냥 텍스트를 bold체로 만들어주고, <i> 태그는 그냥 텍스트를 italic체로 만들어준다.

둘 다 '시각적인 특징' 만 갖고 있는 태그 이다.

HTML 에서는 시각적인 특징 뿐만 아니라 의미도 담고 있는 Phrase tag가 있다.

 

Phrase Tags_ <strong> 태그

<b> 태그는 텍스트를 굶게 만드는 것이 목적이지만, <strong> 태그는 감싸고 있는 텍스트가 중요하다고 표시하는 것이 목적이다.

겉보기에는 두 태그가 똑같지만, 스크린리더(컴퓨터의 화면 낭독 소프트웨어 : 시각장애인, 학습/인지 장애인, 노인, 다문화 가정의 웹 접근성을 지원해주는 목적) 가 글을 읽어줄 때 <strong> 태그는 강조해서 읽을 수 있다.

 

Phrase Tags_ <em> 태그

<i> 태그는 그냥 시각적으로 날려쓰는 것이 목적이라면, <em> 태그는 강조하는 것이 목적 이다.

em은 'emphasized' 의 줄임말 이다.