<rp>: 루비 대체 괄호 요소

HTML <rp> 요소는 <ruby> 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다. <rt> 요소를 감싸는 여는 괄호와 닫는 괄호를 각각의 <rp> 요소로 나타내야 합니다.

HTML <rp> 요소는 <ruby> 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다. <rt> 요소를 감싸는 여는 괄호와 닫는 괄호를 각각의 <rp> 요소로 나타내야 합니다.

HTML

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

CSS

ruby {
  font-size: 2em;
}

콘텐츠 카테고리	없음.
가능한 콘텐츠	텍스트.
태그 생략	바로 뒤따르는 요소가 ``, 다른 `<rp>` 요소거나, 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소	`` 요소. `<rp>`는 `` 요소의 바로 앞 또는 바로 뒤에 위치해야 합니다.
가능한 ARIA 역할	모두
DOM 인터페이스	`HTMLElement`

특성

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

루비 주석은 일본어 후리가나, 타이완어 주음부호와 같이 동아시아 문자의 발음 표기에 사용합니다. <rp> 요소는 <ruby> 요소를 지원하지 않는 브라우저에서 루비 주석을 구분할 수 있는 텍스트(주로 괄호)를 제공합니다.

다음 예제는 한자료 표기한 "경복궁"의 각 글자에 루비 주석을 적용합니다.

HTML

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

CSS

body {
  font-size: 22px;
}

결과는 다음과 같습니다.

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

HTML

景 (경) 福 (복) 宮 (궁)

CSS

body {
  font-size: 22px;
}