[HTML] <strong>

<strong>

<strong> 태그는 텍스트의 중요성을 강조할 때 설정합니다.

일반적으로 텍스트는 굵게 표현이 됩니다. <strong> 태그는 다른 태그와 유사한 점이 있기 때문에 비교하며 적절한 곳에 사용해야 합니다. <b> 태그와 <strong> 태그는 출력되는 모양이 같지만 <strong> 태그는 컨텐츠의 중요성을 강조하는 반면 <b> 태그는 텍스트의 주의를 끌기 위함입니다. <em> 태그와 <strong> 태그는 강조하는 태그이지만 의미에 있어 약간의 차이가 있습니다. 예를 들면 "나는 너를 사랑해"하고 할 때 사랑해를 강조하기 위해 <em> 태그를 사용할 수 있습니다. 하지만 <strong> 태그는 "여기는 매우 위험합니다. 들어가지 마세요" 라고 할 경우 중요성과 심각성, 긴급성의 의미까지 내포하기 때문에 <em> 보다는 <strong> 태그가 더 적절합니다.

---

<strong>

<strong> 태그는 텍스트의 중요성을 강조할 때 설정합니다.

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	닫는 태그 사용(<strong> ~ </strong>)
버전	HTML4
시각적 표현	볼드체
사용성

정의(Definition)

• <strong> 태그는 텍스트의 중요성, 심각성 및 긴급성의 단어를 강하게 강조하고 싶을 때 사용합니다.
• <strong> 태그는 볼드체로 표현되며, 볼드체를 쓰기 위함은 적절하지 않으며, CSS 속성으로 설정합니다.
• 폰트의 두께는 font-weight를 통해서 설정합니다.

비교(Compare)

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다

예제1(Sample)

중요성을 알릴 때 사용하는 예제입니다.

자전거를 타기 전에 헬멧을 꼭 착용하세요

HTML

CSS

SCRIPT

<p>자전거를 타기 전에 <strong>헬멧을 꼭 착용하세요</strong></p>

p strong {
    color: #FF4B4C;
    border-bottom: 1px solid #FF4B4C;
}

//Javascript none

예제2(Sample)

중요성 및 심각성을 알릴 때 사용하는 예제입니다.

경고 : 이 작업을 진행하기 전에 아래의 사항을 먼저 숙지하세요.

HTML

CSS

SCRIPT

<p><strong>경고</strong> : 이 작업을 진행하기 전에 아래의 사항을 먼저 숙지하세요.</p>

p strong {
    color: #FF4B4C;
    border-bottom: 1px solid #FF4B4C;
}

//Javascript none

예제3(Sample)

글씨와 관련된 태그들 예제입니다.

글씨와 관련된 태그들

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다

HTML

CSS

SCRIPT

<h2>글씨와 관련된 태그들</h2>
<ul>
    <li>글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i>i</i> 태그를 사용합니다.</li>
    <li>글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b>b</b> 태그를 사용합니다.</li>
    <li>글씨를 강조하고 싶다면 <em>em</em> 태그를 사용합니다.</li>
    <li>글씨를 강조하고 중요성까지 강조하고 싶다면 <strong>strong</strong> 태그를 사용합니다.</li>
    <li>글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark>mark</mark> 태그를 사용합니다.</li>
    <li>글씨의 전문적인 용어를 정의할 때는 <dfn>dfn</dfn> 태그를 사용합니다.</li>
    <li>글씨의 저작권 및 법적 텍스트 표시는 <small>small</small> 태그를 사용합니다.</li>
    <li>글씨를 위첨자로 표현하고 싶다면 <sup>sup</sup> 태그를 사용합니다.</li>
    <li>글씨를 아래첨자로 표현하고 싶다면 <sub>sub</sub> 태그를 사용합니다.</li>
    <li>글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u>u</u> 태그를 사용합니다</li>
</ul>

//CSS none

//Javascript none

호환성(Compatibility)

						6	7	8	9	10	11
<strong>	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능

참고 사이트(Reference)

• MDN
• w3

---