Summary -

In this topic, we described about the <ruby> tag along with detailed example.

The <ruby> tag was introduced in HTML5. Represents ruby annotation. A ruby annotation is a small extra text, attached to the main text to indicate the pronunciation or meaning of the corresponding characters.

The <ruby> tag represents a Ruby annotation. Mostly used in conjunction with rb (base text), rt (ruby text), rtc (text container), and rp (fallback parentheses). The tag can be specified like <ruby></ruby> with the contents in between the opening and closing tags.

Syntax -

<ruby>…. </ruby>

Example -

<!DOCTYPE html>
<html>
	<head>
		<title>ruby element example.. </title>
	</head>
	<body>
		<ruby>
			<rb>Text</rb>
			<rp>browsers won’t support ruby tag </rp>
			<rt>Annotation</rt>
		</ruby>
	</body>
</html>

Output -

Text browsers won’t support ruby tag Annotation