<!DOCTYPE html>
<html>
<body>
<h1>Advanced ruby element examples</h1>
<p>Here are some further examples by reference to their purpose:</p>
<ul>
<li>To describe the meaning of the base text, rather than pronunciation:
<p><ruby>BASE<rt>annotation</ruby></p>
<p><ruby>境界面<rt>インターフェース</ruby></p>
<p><ruby lang="ja">編集者<rt lang="en">editor</ruby></p>
</li>
<li>For phonetic readings that correspond to multiple base characters:
<p><ruby>紫陽花<rt>あじさい</ruby></p>
</li>
<li>For phonetic and semantic annotations (double-sided)
<p><ruby>BASE<rt>annotation 1<rt>annotation 2</ruby></p>
<p><ruby>B<rt>a<rt>a</ruby><ruby>A<rt>a<rt>a</ruby><ruby>S<rt>a<rt>a</ruby><ruby>E<rt>a<rt>a</ruby></p>
</li>
<li>More complex situations with nested inner annotations, with the whole having an annotation
<p><ruby><ruby>B<rt>a</rt>A<rt>n</rt>S<rt>t</rt>E<rt>n</rt></ruby><rt>annotation</ruby></p>
</li>
</body>
</html>