본문 바로가기
SW 코딩/HTML & CSS 기초

[html/css] html,b,big,em,i,strong,sub,sup 태그

2020. 7. 12.
반응형

<티스토리 블로그를 운영하기 위한 기초적인 수준의 html/css 기본 개념 포스팅입니다>

html,b,big,em,i,strong,sub,sup 태그



html,b,big,em,i,strong,sub,sup 태그의 결과화면 입니다.


이해하시는데 큰 어려움은 없을 것이라 생각합니다.


<b> 내용 </b>: 글씨를 굵게 출력


<big> 내용 </big> : 글씨를 크게 출력


<em> 내용 </em> : 글씨를 강조하여 출력


<strong> 내용 </strong> : 글씨를 굵게 출력


<sub> 내용 </sub> : 글씨가 밑으로 출력


<sup> 내용 </sup> : 글씨가 위로 출력



<b> 태그와 <strong> 태그 차이


b 태그와 strong 태그 모두 글자를 굵게 출력해줍니다.

그럼 b, strong 태그는 언제 사용해야 할까요?
아래 사이트에 설명을 쉽게 해준 분이있습니다.

간략해 정리하여 번역하면

"너가 장님을 위해 책을 읽는다고 가정하라. strong tag가 들어간 문장은 실제로 강조해서 읽어야 한다. 하지만 b 태그는 그냥 강조만 된 문장이지 강조해서 읽으면 안된다."

즉, 문서읽어 주는 프로그램이 strong tag가 입력된 글은 강조해서 읽어주고 b tag가 들어간 글은 그냥 평범한 목소리로 읽어준다고 이해하시면 됩니다.


The simple answer is to read the text back to yourself out loud. Pretend you are a screen reader and your user has limited vision (or is blind) and must listen to the reader. For ever phrase you have wrapped in <strong></strong> raise your voice a notch and add emphasis to what you read. Does it sound like you are shouting? Does the phrase need this kind of emphasis? If not, use <b></b>. This will only alter the way sighted users see the text, and will not alter the way blind people hear it.

● 개인적으로 공부하며 정리한 내용입니다 ●


 잘못된 내용이 있으면 언제든 답글 달아주세요 


감사합니다


댓글


loading