b 태그와 strong 태그 차이, i 태그와 em 태그 차이

Study/HTML5 & CSS3

b 태그와 strong 태그 모두 진하게 표시할 때 사용하고, i 태그와 em 태그도 모두 이텔릭체로 표시할 때 사용한다.

 

하지만 이 두 태그의 사용 용도는 크게 다르다.

 

- b 태그와, i 태그단순히 텍스트를 진하게 그리고 이텔릭체로 표시하는 역할만 한다.

- strong 태그와 em태그실제로 페이지 내의 중요한 부분으로 강조하고 싶을때 사용한다.

- strong, em 태그를 용도에 맞게 사용하면 웹 접근성에 큰 기여를 한다.

 

  브라우저에서 스크린리더(Screen Reader)를 사용하는 경우, 음성 합성(Speech Synthesizer) 도구가 페이지를

  해석하여 읽어낼 때 strong 태그에 대해 거센 억양으로 음을 낼 수 있도록 하여 실제로 말할 때의 강조를 하듯이

  재구성할 수 있게 된다.

 

  여기서 스크린리더란 시각장애인이 컴퓨터를 사용할 때 화면에 나타나는 정보들을 음성으로 출력해주는

  화면낭독 프로그램을 말한다.

반응형