[HTML] <b>

<b> 태그는 다른 텍스트와 구별 할 때 설정합니다. 텍스트는 굵게 표시되지만, 중요성을 강조하지 않으며, 텍스트를 굵게 설정하기 위해서 사용하지 않습니다.

---

<audio>

<audio> 태그는 다른 텍스트와 구별 할 때 설정합니다.

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

정의(Definition)

• <b> 태그는 텍스트의 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 설정합니다.
• <b> 태그는 일반적으로 키워드, 제품의 리뷰, 기사 리드문 등에 사용합니다.
• <b> 태그는 태그는 제목 요소로 사용하지 않습니다. 제목 요소는 <h1>~<h6> 태그를 사용합니다.
• <b> 태그는 <em>, <strong>, <mark>에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다.
• <b> 태그는 단순하게 글씨를 두껍게 하기 위함이라면 CSS 속성 font-weight의 bold를 권장합니다.

크로스브라우징(CrossBroswing)

• HTML4에서는 텍스트를 굵게 표시하기 위해서 사용하였으며, HTML5에서는 의미가 변하여 다른 텍스트와 구별 할 때 사용합니다.

비교(Compare)

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

예제1(Sample)

다른 텍스트와 구별 할 때 설정하는 예제입니다.

<b> 태그는 다른 텍스트와 구별 할 때 정의합니다. 텍스트는 굵게 표시되지만 중요성을 강조하지 않습니다.

소스를 보면 확인 할 수 있습니다.

HTML

CSS

SCRIPT

<div>
    <p>b 태그는 다른 텍스트와 <b>구별</b> 할 때 정의합니다. 텍스트는 굵게 표시되지만 중요성을 강조하지 않습니다.</p>
</div>

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

//Javascript none

예제2(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
<b>	○	○	○	○	○	○	○	○	○	○	○	○	○	○

참고 사이트(Reference)

• MDN
• W3

---