06. strong태그, em태그 _ paragraph 구성요소

의미에 따라 사용하는 텍스트 요소입니다.

텍스트 요소들 중에는 의미를 부여하는 태그가 있는 반면,
외적인 요소만 바꿔주는 태그도 있습니다.
밑에 strong과 em은 외적인 부분도 바꿔주지만 의미도 부여하는 태그입니다.

strong (vs b)

strong 태그는 문장내에서 단어나 문장의 중요도를 나타내는 태그입니다.
strong 태그를 사용하면 굵게 강조된 서체가 나오고
강조의 의미로 리더기에서도 강조해서 읽어줍니다.
반면 b를 사용하면 표면상으로는 똑같지만 강조의 의미가 없습니다.
아래서 strong태그와 b태그가 똑같이 표현되는걸 확인해 보세요.

<p>
   <strong>의미있는</strong> 강조 태그에요!
</p>
<p>
   <b>야매로 모양만</b> 바꿔줘요!
</p>
 

의미있는 강조 태그에요!

야매로 모양만 바꿔줘요!

em (vs i)

em태그도 강조태그 입니다.
대신 em태그는 표현방식이 이탤릭체, 즉 기울어진 서체로 나옵니다.
이탤릭채로 나오는 대신 의미가 없는 태그로는 i가 있습니다.
em태그와 i태그도 역시 똑같이 표현되는걸 확인해 보세요.

<p>
   얘도 <em>의미있는</em> 강조 태그에요!
</p>
<p>
   얘도 <i>모양만</i> 이탤릭이에요!
</p>
 

얘도 의미있는 강조 태그에요!

얘도 모양만 이탤릭이에요!

* 개인적인 공부를 정리하는 블로그입니다.