코드랩 레퍼런스

<b> 본문

HTML

<b>

webstoryboy 2016. 5. 24. 18:43
<b> 태그는 다른 텍스트와 구별 할 때 정의합니다.
특징 설명
콘텐츠 카테고리 Flow content, Phrasing content, Palpable content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<b> ~ </b>)
버전 HTML4
시각적 표현 굵은 텍스트로 표시

Definition

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

Compare

  • 글씨를 다른 텍스트와 단순 구별하고 싶을 때에는 <b> 태그를 사용합니다.
  • 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
  • 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
  • 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.

CrossBroswing

  • HTML4에서는 텍스트를 굵게 표시하기 위해서 사용하였으며, HTML5에서는 텍스트의 중요성과 관련성을 전달하지 않고, 단순 굵게 표현하기 위해 사용합니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
<b>

Sample

b 태그

  • 글씨의 중요성과 관련성을 전달하지 않고 다른 텍스트와 구별할 때는 <b> 태그를 사용합니다.
  • 글씨를 강조할 때는 <em> 태그를 사용합니다.
  • 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
  • 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 원한다면 <mark> 태그를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>b</title>
</head>
<body>
    <h1>b 태그</h1>
    <div>
        <ul>
            <li>글씨의 중요성과 관련성을 전달하지 않고 <b>다른 텍스트와 구별</b>할 때는 b 태그를 사용합니다.</li>
            <li>글씨를 <em>강조</em>할 때는 em 태그를 사용합니다.</li>
            <li>글씨의 <strong>중요성</strong>을 강조하고 싶다면 strong 태그를 사용합니다.</li>
            <li>글씨의 중요성과 강조를 고려하지 않는 단순 <mark>참고용</mark> 표시를 원한다면 mark 태그를 사용합니다.</li>
        </ul>
    </div>
</body>
</html>

Ad

Comments