HTML宝典(第 1 版)
2.3.21 ruby、rb、rt、rp元素
阅读(

HTML基础

HTML元素

结构语义元素

内容分组元素

文本语义元素

bdo和bdi元素

ins和del元素

sub和sup元素

kbd元素

samp元素

var元素

code元素

time元素

dfn元素

abbr元素

mark元素

cite元素

q元素

s元素

u元素

b元素

i元素

small元素

strong元素

文本元素

ruby、rb、rt、rp元素

ruby是印刷业的行业术语,指放在表意文字上方或右边的拼音或批注,广泛应用于日文和中文。

在HTML中,使用 ruby元素为中文、日文等东亚文字定义注音(拼音或注释)。如,为日文中的汉字定义注音:

<ruby>
    <rb>日本語</rb>
    <rp>(</rp>
    <rt>にほんご</rt>
    <rp>)</rp>
</ruby>

在定义注音时,ruby元素通常包含 rb、rt、rp 三个子元素:rb元素定义要注音的对象;rt元素定义注音的内容;rp元素定义无法显示注音时所使用的符号,通常是小括号。

在不支持 ruby元素的浏览器中,注音将当作一般文字来对待,浏览器就会按代码中定义的顺序,依次显示 ruby元素中的内容。如本例中,将会在同一行依次显示 rb、rp、rt、rp 的内容,得到的结果为:日本語(にほんご)。

如果浏览器支持 ruby元素,则不会显示 rp元素中的内容,并在 rb元素的上方显示 rt元素中定义的注音。运行结果如图 2‑42 所示:

ruby元素
图2-42 ruby元素

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验