꾸준한 개발자

계속적인 성장을 추구하는 개발자입니다. 꾸준함을 추구합니다.

계속 쓰는 개발 노트

CSS

<strong>과 <em> 차이점

gold_dragon 2020. 7. 30. 19:26

<strong>과 <em>은 강조를 해주기 위해서 사용이 됩니다.

 

그런데 확실하게 '이럴 때 <strong>을 사용해야 돼!' 혹은 '아니야! <em> 태그를 사용해야 돼!'라고 구분을 하기에는 모호한 부분이 있습니다.

 

어떻게든 차이점을 찾아서 구분을 해보자면 아래 예시를 보겠습니다.

 

<p>
    <strong>10월 11일</strong>에 <strong>00학교</strong>에서 <strong>국어시험</strong>이 있습니다.
    문제는 총 <em>10문제</em>입니다.
</p>

 

위에서 누구에게나 중요한 정보가 있습니다. 언제, 어디서, 무엇을 보는지는 누구에게나 중요한 정보입니다. 이에 <strong>을 사용하였고, 10문제의 경우 기획자가 국어 문제가 10문제인 것을 강조하고 싶다라는 부탁이 있을 때 주관적인 강조로 <em>을 사용해봤습니다.

 

나름 mdn, 블로그 등을 찾아보고 제 나름대로의 해석을 해봤는데 레퍼런스 해석과 함께 좀 더 자료를 찾아봐야될 부분이 있는거 같습니다.

'CSS' 카테고리의 다른 글

word-break와 word-wrap  (0) 2020.09.11
margin collapse 관련 레퍼런스 해석 (마진 병합)  (0) 2020.09.01
CSS 속성 선택자  (0) 2020.07.30
IR 기법 - 대체 텍스트 숨김  (0) 2020.07.24
웹 이미지에 대한 이해  (0) 2020.07.22