DEV Community

Cover image for HTML tags | ruby
Carlos Espada
Carlos Espada

Posted on β€’ Edited on

2

HTML tags | ruby

It is used to represent small extra text, attached to the main text and rendered above, below or next to it, and usually used for showing the pronunciation or meaning of East Asian characters.

This kind of annotation is often used in Japanese publications. It can also be used for annotating other kinds of text, but this usage is less common.

The term ruby originated as a unit of measurement used by typesetters, representing the smallest size that text can be printed on newsprint while remaining legible.

Use <ruby> together with <rt> and <rp>: the <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that do not support ruby annotations.

  • Type: inline
  • Self-closing: No
  • Semantic value: No

Definition and example | Support

πŸ‘‹ Was this post useful to you?

Thank you for stopping by the DEV Community. Please leave your appreciation by commenting on this post!

It takes one minute and is worth it for your career.

Join now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay