A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ko/docs/Web/HTML/Reference/Elements/rb below:

<rb>: 루비 ë² ì´ìŠ¤ 요소 - HTML: Hypertext Markup Language

<rb>: 루비 베이스 요소

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

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

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

사용 일람 예제

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

<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> 요소 참고서를 방문해 다른 예제도 살펴보세요.

명세 브라우저 호환성 같이 보기

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4