<HTML5> 3강 strong, (b) 강한강조태그, em (i) 약한강조태그

<strong>

(strong태그를 적용했습니다.)

 

- 힘, 강조의 뜻

- 글씨를 굵게 표시

- 스크린 리더기에서 strong태그를 사용한 부분을 강조하여 읽어준다. (b 태그와의 차이점)

- 보통 해당 태그에 직접 사용한다.

<b>

(b태그를 적용했습니다.)

 

- bold의 약자

- 글씨를 굵게 표시

- 스크린 리더기에서 b태그는 강조하여 읽지 않는다 (strong 태그와의 차이점)

- 해당 태그에 직접 적용하기보다 css속성중 font-weight : bold를 사용하여 표현한다.

- 접근성문제로 사용하지 않는다

<em>

(em태그를 적용했습니다.)

 

- emphasize 

- 텍스트를 기울여서 표시해준다.

- 스크린 리더기에서 em태그를 사용한 부분을 강조하여 읽어준다. (i 태그와의 차이점)

- 보통 해당 태그에 직접 사용한다.

 

<i>

(i 태그를 적용했습니다.)

 

- italic의 약자

- 텍스트를 기울여서 표시해준다.

- 스크린 리더기에서 i태그는 강조하여 읽지 않는다. (em 태그와의 차이점)

- 해당 태그에 직접 적용하기보다 css속성중 font-style : italic를 사용하여 표현한다.

- 접근성문제로 사용하지 않는다.

 

정리

* strong태그와 b태그, em태그와 i태그. 비슷해 보이지만  웹접근성에서 바라보면 매우 큰차이를 가지고 있습니다.

strong태그와 em태그는 이것이 중요하다고 스크린 리더기에서 강조해주는 개념적인 측면으로 접근이 되며 접근이 되며,

b태그와 i태그는 디자인적으로만 강조되어 표현됩니다

 

* 스크린 리더기는 시각장애인, 인지장애인, 노인등을 위한 것으로 소리로써 웹페이지를 인도해주어 접근성을 가지게 합니다.

프로그래밍의 기본은 웹접근성을 준수하여 만드는 것입니다.