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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

시도해보기

콘텐츠 카테고리 없음.
가능한 콘텐츠 텍스트.
태그 생략 바로 뒤따르는 요소가 <rt>, 다른 <rp> 요소거나, 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소 <ruby> 요소. <rp><rt> 요소의 바로 앞 또는 바로 뒤에 위치해야 합니다.
가능한 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>

결과는 다음과 같습니다.

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

명세

Specification
HTML
# the-rp-element

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
rp

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

같이 보기