b element - by. UXKM

2025-05-16

요약 설명
 요소는 텍스트를 굵게(bold) 표시하는 비시맨틱 태그로, 의미적인 강조 없이 시각적으로만 두드러지게 보여주고 싶을 때 사용됩니다.
처럼 중요성을 나타내지 않으며, 단순히 키워드 강조, UI 용어, 제품명 등의 시각적 강조를 위한 용도로 사용됩니다. 의미상의 강조가 필요할 경우에는 이나  같은 시맨틱 태그를 사용하는 것이 더 적절합니다.

주요 역할 및 특징

굵은 텍스트 표시
- 는 텍스트를 굵게 표시하는 데 사용됩니다.
- 의미론적 강조가 아닌, 시각적으로 텍스트를 돋보이게 하려는 경우에 적합합니다.
의미론적 강조 없음
- 텍스트의 중요성을 나타내거나 문맥적 의미를 추가하지 않습니다.
- 강조의 의미를 전달하려면 을 사용하는 것이 적절합니다.
시각적 효과를 위한 사용
특별한 목적 없이 단순히 텍스트를 굵게 표현하려는 경우에 사용됩니다.
다른 요소와의 관계
- 은 텍스트의 의미적 중요성을 강조하지만, 는 단순히 굵게 스타일링할 때 사용됩니다.
- 는 접근성 측면에서는 추가적인 의미를 전달하지 않습니다.
CSS 스타일 적용 가능
기본적으로 굵은 텍스트로 렌더링되지만, CSS를 사용해 스타일을 변경할 수 있습니다.

CSS 기본 값

 요소는 기본적으로 인라인 레벨 요소이며, 별도의 CSS를 지정하지 않아도 아래와 같은 기본값이 적용됩니다.

							b {
								display: inline;
								font-weight: bold;
							}

기본 문법

							<b>굵게 표시할 텍스트</b>

속성

 요소는 고유 속성을 가지지 않으며, 글로벌 속성(class, id, style, aria-*, data-* 등)만 사용할 수 있습니다.

예제

단순 텍스트 굵게 표시

								<p>이 텍스트는 <b>굵게</b> 표시됩니다.</p>

중요한 정보와 단순 굵기의 구분

								<p>주의: <strong>중요한 정보</strong>는 반드시 읽어야 합니다.</p>
								<p>상세 정보는 <b>여기</b>를 참조하세요.</p>

특정 텍스트 부각

								<p>제품 이름: <b>스마트폰 X</b></p>
								<p>가격: <b>₩1,200,000</b></p>

주의사항

텍스트의 중요성과 강조의 목적에 따라 , , 를 적절히 선택하세요. 는 단순히 스타일링을 위한 요소입니다.
는 스크린 리더에서 특별한 처리를 하지 않으므로, 강조가 필요한 경우  또는 aria-* 속성을 추가해야 합니다.
문서에서 너무 많은 텍스트를 로 처리하면 가독성이 떨어질 수 있으므로 적절히 사용하세요.