HTML<rb> 요소는<ruby> 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다. 하나의<rb> 요소는 기반 텍스트에서의 최소 단위를 하나 감싸야 합니다.

특성

이 요소는전역 특성만 포함합니다.

사용 일람

• 루비 주석은 일본어 후리가나, 타이완어 주음부호와 같이 동아시아 문자의 발음 표기에 사용합니다.<rb> 요소는 기반 텍스트의 각 조각을 나타내는 용도입니다.
• <rb>는빈 요소가 아니지만, 보통 소스 코드에는 여는 태그만 사용해 루비 마크업을 덜 복잡하고 읽기 쉽게 합니다. 브라우저가 렌더링 때 알아서 닫는 태그를 추가합니다.
• 각각의<rb> / 기반 조각 하나마다<rt> 요소 하나를 작성해야 합니다.

예제

다음 예제는 "경복궁"의 한자/한글 표기를 병행합니다.

<ruby>  <rb>景</rb><rb>福</rb><rb>宮 </rb><rp>(</rp><rt>경</rt><rt>복</rt><rt>궁</rt  ><rp>)</rp></ruby>

세 개의<rb> 요소를 사용해 기반 글자(한자)를 세 개로 나눴습니다. 반면, 한글 표기는 세 개의<rt> 요소를 사용합니다.

세 개의 기반 조각을 완전히 분리해 작성할 수도 있다는 점을 알아두세요. 이 때는<rb> 요소를 사용하지 않아도 됩니다.

<ruby>  景 <rp>(</rp><rt>경</rt><rp>)</rp> 福 <rp>(</rp><rt>복</rt><rp>)</rp> 宮  <rp>(</rp><rt>궁</rt><rp>)</rp></ruby>

결과는 다음과 같습니다.

루비 주석을 지원하지 않는 브라우저에서는 아래와 같이 출력합니다.

景福宮 (경복궁)

body {  font-size: 22px;}

명세

브라우저 호환성

같이 보기

• <ruby>
• <rt>
• <rp>
• <rtc>