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

HTML <rp> 요소<ruby>를 사용한 표기법을 지원하지 않는 브라우저에서 가독성을 해치지 않도록 보여줄 괄호를 나타냅니다. 루비 문자를 나타내는 <rt> 요소를 괄호로 감싸게 하고, 괄호의 열고 닫는 것을 각각의 <rp> 요소로 감싸야 합니다.

<ruby><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp> </ruby>
ruby {
  font-size: 4em;
}

불러오는 중...

특성

전역 특성만 포함합니다.

예제

<ruby><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp><rp>(</rp><rt></rt><rp>)</rp> </ruby>
body {
  font-size: 1.5em;
}

루비 문자를 지원하는 브라우저에서는 다음과 같이 보입니다. (현재 브라우저가 <ruby>를 지원해야 함)

불러오는 중...

그리고 지원하지 않는 브라우저에는 다음처럼 보이게 됩니다.

<div>韓 (한) 國 (국) 語 (어)</div>
body {
  font-size: 1.5em;
}

불러오는 중...

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefoxiOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
rp
MDN browser-compat-data

같이 보기

  • 루비 표기 컨테이너: <ruby>
  • 다른 루비 표기 구성 요소: <rt>