<strong> 태그의 정의 및 사용법
<strong> 태그는
해당 내용의 중요성, 심각성 또는 긴급성을 강하게 강조(strong importance)하는 데 사용하는 태그입니다.
이 태그는 제목, 캡션, 문단 등에서 중요한 부분을 명쾌하게 강조하여 일반적인 텍스트와 구별될 수 있게 해줍니다.
- 경고 또는 주의 사항 등의 심각성을 표시하는 데 사용될 수 있습니다.
- 사용자가 문서의 다른 부분보다 빨리 봐야 하는 긴급한 내용을 나타내는 데 사용될 수 있습니다.
사용 예시
다음은 <strong> 태그의 사용 예시입니다.
경고 또는 주의 사항 등의 심각성 표시
대부분의 브라우저에서는 <strong> 태그의 글꼴 굵기(font-weight)를 굵은 글꼴로(bold) 표현합니다.
사용자가 문서의 다른 부분보다 빨리 봐야 하는 긴급한 내용
제목, 캡션, 문단 등에서 중요한 부분을 명쾌하게 강조하여 일반적인 텍스트와 구별
다음 예시에서 캡션의 사진 이름은 사용구('사진 1) 및 설명('곡선의 미가 자태를 뽑냅니다.')과 구별하기 위해 <strong> 태그로 표시됩니다.
사용법 참고 사항
단순히 굵은 글꼴 두께를 사용하려면
대부분의 브라우저에서는 <strong> 태그의 글꼴 굵기(font-weight)를 굵은 글꼴로(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 |