<strong> 태그의 정의
<strong> 태그는
해당 내용의 중요성, 심각성 또는 긴급성을 강하게 강조(strong importance)하는 데 사용하는 태그입니다.
이 태그는 제목, 캡션, 문단 등에서 중요한 부분을 명쾌하게 강조하여 일반적인 텍스트와 구별될 수 있게 해줍니다.
- 경고 또는 주의 사항 등의 심각성을 표시하는 데 사용될 수 있습니다.
- 사용자가 문서의 다른 부분보다 빨리 봐야 하는 긴급한 내용을 나타내는 데 사용될 수 있습니다.
다음은 <strong> 태그의 예시입니다.
경고 또는 주의 사항 등의 심각성 표시
대부분의 브라우저에서는 <strong> 태그의 텍스트를 관례상 굵은 글꼴 두께(bold)로 표현합니다.
사용자가 문서의 다른 부분보다 빨리 봐야 하는 긴급한 내용
제목, 캡션, 문단 등에서 중요한 부분을 명쾌하게 강조하여 일반적인 텍스트와 구별
다음 예시에서 캡션의 사진 이름은 사용구('사진 1) 및 설명('곡선의 미가 자태를 뽑냅니다.')과 구별하기 위해 <strong> 태그로 표시됩니다.
<strong> 태그의 사용법 참고 사항
단순히 굵은 글꼴 두께를 사용하려면
대부분의 브라우저에서는 <strong> 태그의 텍스트를 관례상 관례상 굵은 글꼴 두께(bold)로 표현합니다.
그러나 단순히 스타일만을 위해서 굵은 글꼴 두께를 사용하기 위해 <strong> 태그를 사용하면 안 됩니다. 스타일만을 위해 굵은 글꼴 두께를 사용하려면 CSS의 font-weight 속성을 사용하세요.
<strong>과 <b> 태그 차이점
많은 개발자들이 HTML을 다룰 때 흔히 혼란스러워하는 부분 중 하나는 서로 다른 태그이지만 브라우저에서 동일한 결과물을 표시하는 경우입니다.
<strong>과 <b> 태그가 대표적인 예입니다.
둘 다 브라우저에서는 기본적으로 텍스트를 관례상 굵은 두께(bold)로 표현합니다.
시각적 효과는 동일하지만 이 두 태그의 의미는 다릅니다. 두 태그를 비교하면 다음과 같은 차이점을 확인할 수 있습니다.
정확히 말해서 <strong> 태그는 "매우 중요한 내용"을 위한 것이고, <b> 태그는 더 중요한 것을 나타내지 않고 텍스트에 주의를 끌기 위해 사용됩니다.
<strong>과 <em> 태그 차이점
<strong> 태그가 HTML4에서는 '더 강조하다(more emphasis)'로 정의되어 있는 반면에 HTML5에서는 '내용에 대한 강한 중요성(strong importance for its contents.)'을 나타내는 것으로 정의한다는 것입니다 . 이것은 중요한 구별입니다. (출처: MDN - <strong>: The Strong Importance element#<em> vs. <strong>
)
<em> 태그는
주위 텍스트에 비해 문맥적으로 중요한 내용을 강조(stress emphasis)하는 데 사용되는 태그입니다.
이 태그는 주변 텍스트에 비해 문맥적으로 특히 중요한 내용을 강조하여, 사용자의 주의를 끄는 역할을 합니다.
<em> 태그는 문장내에서 명시적이거나 암시적인 대조를 표현할 때 주로 사용되고, 태그가 문장의 어디에 위치하느냐에 따라서 문장의 의미하는 바가 달라지는데 반하여 <strong> 태그는 문장의 어디에 위치하느냐에 따라서 문장의 의미하는 바가 달라지지 않습니다. 단지 "매우 중요한 내용" 을 가진다는 의미로 사용됩니다.
브라우저 호환성
| 태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
|---|---|---|---|---|
<strong>
|
1 | 12 | 1 | 4 |
명세서
| 명세서 사양 | |
|---|---|
<strong>
|
HTML Standard #the-strong-element |