• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <ruby>

    版本:HTML5

    HTML<ruby>元素被用来展示东亚文字注音或字符注释

    浏览器支持

    IE 9+、Firefox、Opera、Chrome 和 Safari 支持<ruby>标签。
    注释:IE 8 或更早版本的 IE 浏览器不支持<ruby>标签。

    示例

    <ruby>
    漢<rp>(</rp><rt>kan</rt><rp>)</rp>
    字<rp>(</rp><rt>ji</rt><rp>)</rp>
    </ruby>
    
    (kan)(ji)

    标签定义及使用说明

  • <ruby>标签定义东亚文字注音或字符注释。
  • <ruby>标签与<rt><rp>标签一起使用。
  • <ruby>元素由一个或多个需要解释/发音的字符和一个提供该信息的<rt>元素组成,还包括可选的<rp>元素,定义当浏览器不支持<ruby>素时显示的内容。
  • 内容范畴流式内容,短语内容,段落内容元素.
    允许内容短语内容
    标签省略不允许,开始标签和结束标签都不能省略。
    允许的父级元素See prose
    DOM 接口HTMLElement

    HTML 4.01 与 HTML5之间的差异

    <ruby>标签是 HTML5 中的新标签。

    属性

    本元素支持全局属性。

    全局属性

    <ruby>标签支持HTML 的全局属性。

    事件属性

    <ruby>标签支持HTML 的事件属性。

    例子

    示例2:字

    <ruby>
      汉 <rp>(</rp><rt>han</rt><rp>)</rp>
      字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>
    

    示例2:词

    <ruby>
      明 日 <rp>(</rp><rt>ming ri</rt><rp>)</rp>
    </ruby>
    

    上篇:<wbr>

    下篇:<var>