본문 바로가기
Reference/HTML

b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.

by @webstoryboy 2022. 12. 28.

b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.

Reference/HTML

b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.

by @webs 2022. 12. 28.

<b>

<b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.

<b> 태그는 <em>, <strong>, <mark>에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다. 중요성을 강조한다면 <em> 태그나 <strong> 태그를 사용합니다. 중요성을 강조하지 않고, 단순 참고형을 표현한다면 <mark> 태그를 사용합니다. <b> 태그는 텍스트를 굵게 표시합니다. 만약 텍스트를 굵게 표현하고 싶다면, font-weight의 bold를 사용합니다.


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

정의(Definition)

  • <b> 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다.
  • <b> 태그는 제목 요소로 사용하지 않습니다. 제목 요소는 <h1>~<h6> 태그를 사용합니다.
  • <b> 태그는 <em>, <strong>, <mark>에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다.
  • <b> 태그는 단순하게 글씨를 두껍게 하기 위함이라면 CSS 속성 font-weight의 bold를 권장합니다.
  • HTML4에서는 텍스트를 굵게 표시하기 위해서 <b> 태그 사용하였으나, HTML5에서는 의미가 변하여 다른 텍스트와 구별 할 때 사용합니다.

텍스트와 관련된 태그

  • <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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<b>

참고(Reference)


댓글