W3docs
en
Log in

HTML <rb> Tag

Use the HTML <rb> tag to delimit the base text component of <ruby> annotations that are often used in East Asin typography. See examples and try them yourself.

The HTML <rb> element delimits the base text component of a <ruby> annotation. Ruby annotations are usually used in East Asian typography. They display the pronunciation of East Asian characters. The <rb> tag is used to wrap each segment of the base text.

You must include a <rt> tag for each base element that must be annotated.

Although the <rb> element isn’t an empty element, it is common to use only the opening tag in the source code for readability. The browser will automatically fill in the full element during rendering.

The <rb> tag is one of the HTML5 elements.

Syntax

The <rb> tag comes in pairs. The content is written between the opening (<rb>) and closing (</rb>) tags. The closing tag of the <rb> element may be omitted when <rb> is immediately followed by <rb>, <rt>, <rp> or <rtc>, or when there isn’t any content in the parent element.

Example of the HTML <rb> tag:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        font-size: 30px;
      }
    </style>
  </head>
  <body>
    <ruby>
      <rb>漢</rb>
      <rb>字</rb>
      <rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
    </ruby>
  </body>
</html>
Try it Yourself »

Result

HTMLrb tag example

The <rb> tag supports the Global Attributes and Event Attributes.

Practice

Practice

What is the purpose and usage of the <rb> HTML tag?