strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.

strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.

Reference/HTML

strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.

by @webs 2022. 12. 28.

<strong>

<strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.

<strong> 요소는 텍스트의 경고 또는 알림을 표시하는데 사용하며, 긴급성을 요하는 부분에 사용합니다. <strong> 요소는 텍스트를 강조를 하지만, 문장의 의미를 변경하지 않습니다. <strong> 요소는 글씨가 굵게 표현됩니다. 만약 글씨를 굵게 표현하기 위함이라면, CSS font-weight를 설정합니다.

---

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

정의(Definition)

• <strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.
• <strong> 태그는 경고 또는 알림을 표시하는데 사용합니다.
• <strong> 태그는 다른 요소보다 사용자가 빨리 봐야 하는 부분에 설정합니다.
• <strong> 태그는 텍스트의 중요도를 변경해도, 문장의 의미를 변경하지 않습니다.

b 요소와 strong 요소의 차이점

• <strong> 요소와 <b> 요소는 글씨가 굵게 표현됩니다.
• <strong> 요소는 중요성을 전달하기 위함이고, <b> 요소는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용합니다.

em 요소와 strong 요소의 차이점

• <em> 요소는 텍스트를 강조하면서 문장의 의미가 변경될 수 있지만, <strong> 요소는 중요성만 강조하고, 의미를 변경하지 않습니다.
• <em> 요소는 이택릴체로 표현이 되고, <strong> 요소는 볼드체로 표현이 됩니다.

텍스트와 관련된 태그

• <b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.
• <em> 태그는 텍스트를 강조할 때 설정합니다.
• <strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.
• <mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.
• <i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

예제1(Sample)

텍스트와 관련된 예제입니다.

• <b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.
• <em> 태그는 텍스트를 강조할 때 설정합니다.
• <strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.
• <mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.
• <i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.

HTML

CSS

SCRIPT

<ul>    
    <li><b>b</b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.</li>
    <li><em>em</em> 태그는 텍스트를 강조할 때 설정합니다.</li>
    <li><strong>strong</strong> 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다.</li>
    <li><mark>mark</mark> 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다.</li>
    <li><i>i</i> 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다.</li>
</ul>

.sampleView a,
.sampleView code,
.sampleView var,
.sampleView samp,
.sampleView kbd {
    color: #FF4B4C;
    border-bottom: 1px solid #FF4B4C;
}

//Javascript none

호환성(Compatibility)

						6	7	8	9	10	11
<strong>	○	○	○	○	○	○	○	○	○	○	○	○	○	○

참고(Reference)

• https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-b-element

---