From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/html/element/rb/index.html | 150 ++++++++++++++++++++++++++++++++ 1 file changed, 150 insertions(+) create mode 100644 files/ko/web/html/element/rb/index.html (limited to 'files/ko/web/html/element/rb/index.html') diff --git a/files/ko/web/html/element/rb/index.html b/files/ko/web/html/element/rb/index.html new file mode 100644 index 0000000000..b34272a9e3 --- /dev/null +++ b/files/ko/web/html/element/rb/index.html @@ -0,0 +1,150 @@ +--- +title: ': 루비 베이스 요소' +slug: Web/HTML/Element/rb +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Ruby + - Text + - Web +translation_of: Web/HTML/Element/rb +--- +
{{HTMLRef}}
+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리없음.
가능한 콘텐츠{{htmlelement("ruby")}} 요소의 자손.
태그 생략바로 뒤따르는 요소가 {{HTMLElement("rt")}}, {{HTMLElement("rtc")}}, {{HTMLElement("rp")}}, 다른 <rb> 요소거나, 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소{{htmlelement("ruby")}} 요소.
가능한 ARIA 역할모두
DOM 인터페이스{{domxref("HTMLElement")}}
+ +

특성

+ +

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

+ +

사용 일람

+ + + +

예제

+ +

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

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

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

+ +

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

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

결과는 다음과 같습니다.

+ +

{{EmbedLiveSample("with-ruby", "100%", 60)}}

+ +

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

+ +
+ +
+ +

{{EmbedLiveSample("without-ruby", "100%", 60)}}

+ +
+

참고: {{HTMLElement("ruby")}} 요소 참고서를 방문해 다른 예제도 살펴보세요.

+
+ +

명세

+ + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-rb-element', '<rb>')}}{{Spec2('HTML5 W3C')}}
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.rb")}}

+ +

같이 보기

+ + -- cgit v1.2.3-54-g00ecf