강조 <strong>요소와 <em>요소

안녕하세요 찐망고입니다.

오늘은 강조를 뜻하는 인라인요소인 <strong> 요소와 <em> 요소를 포스팅해볼 건데요

 

html마크업을 하면서 주의할 점은 요소의 의미를 파악하는 것입니다.

브라우저에서 글자가 두꺼워지고 기울어지고 여백이 생기고 하는 것들은 

css로 수정이 가능하니까요.

 

<strong> 요소와 <em> 모두 강조의 의미를 뜻할 때 사용하는 요소인데요.

각각 다른 방식으로 강조를 나타내요

 

<strong> 요소는 주로 중요한 텍스트의 의미를 나타내는데,

해당 텍스트가 문서의 중요한 부분임을 강조하는 데 사용합니다.

예를 들어, 금융상품의 가격이나 경고메시지와 같이 중요한 정보를 강조하는 데 사용하죠

그리고 스크린 리더등 보조기술을 사용하는 사용자에게 중요한 내용임을 전달합니다.

<p><strong>주의: </strong> 이 상품은 한정된 수량으로만 제공됩니다.</p>

 

<em> 요소는 텍스트에서 강조해야 할 부분을 나타내는데요. 

텍스트 내에서 특정한 단어, 구절 또는 문구를 강조하여 의미를 부각하는 데 사용합니다.

예를 들어, 감정 표현이나 중요한 용어를 강조하는 데 사용하죠

<p><em>정말로</em> 놀라운 순간이었습니다.</p>

<em> 요소는 어떤 단어를 포함하느냐에 따라 의미가 달라질 수 있는데요

<p>이<em>귀여운</em>고양이를 보라구</p>
<!-- 귀여운에 강조 -->
<p>이 귀여운 <em>고양이</em>를 보라구</p>
<!-- 고양이에 초점을 맞춤 -->

첫 번째 문단은 귀엽다는 의미에 강조를 두었고 "귀여운" 단어에만 적용되니다.

문장은 일반적으로 "귀여운 고양이를 보라고"라고 읽히고, 이것은 이 고양이가 귀엽다는 것을 강조합니다.

 

두 번째 문단은 "고양이"라는 단어를 강조하였고, 이것은 귀여운 고양이를 보라는 걸 강조하는 거죠 ㅎㅎ