Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
147 lines (134 sloc) 3.73 KB

超文本标记语言(HTML)Ruby注解(Annotation)

我的博客文章:https://www.futaba.love/2019/01/cjk-html-ruby-annotation/

网上解释ruby的文章很多,最终选择引用https://www.w3.org/TR/ruby/ 这篇文章。 各种浏览器对ruby元素的复杂形式的支持都不完善。复杂标记在我 现在(2019-01-08) 用的 火狐浏览器(Firefox) 上渲染不太正确,所以还是用简单标记吧。

简单标记: WWW (World Wide Web)

<ruby>
  <rb>WWW</rb>
  <rp>(</rp><rt>World Wide Web</rt><rp>)</rp>
</ruby>

复杂标记: 10 31 2002 Month Day Year Expiration Date

<ruby>
  <rbc>
    <rb>10</rb>
    <rb>31</rb>
    <rb>2002</rb>
  </rbc>
  <rtc>
    <rt>Month</rt>
    <rt>Day</rt>
    <rt>Year</rt>
  </rtc>
  <rtc>
    <rt rbspan="3">Expiration Date</rt>
  </rtc>
</ruby>

复杂标记的修改版: 10(Month) 31(Day) 2002(Year) (Expiration Date)

<ruby>
  <ruby>
    <rbc>
      <rb>10</rb><rp>(</rp><rt>Month</rt><rp>)</rp>
      <rb>31</rb><rp>(</rp><rt>Day</rt><rp>)</rp>
      <rb>2002</rb><rp>(</rp><rt>Year</rt><rp>)</rp>
    </rbc>
  </ruby>
  <rtc>
    <rp>(</rp><rt>Expiration Date</rt><rp>)</rp>
  </rtc>
</ruby>

用rtc标签作意义解释反而使ruby text意义的表述没那么直观,不如舍弃rtc写作: Expiration Date: 10(Month) 31(Day) 2002(Year)

Expiration Date: 
<ruby>
  <rbc>
    <rb>10</rb><rp>(</rp><rt>Month</rt><rp>)</rp>
    <rb>31</rb><rp>(</rp><rt>Day</rt><rp>)</rp>
    <rb>2002</rb><rp>(</rp><rt>Year</rt><rp>)</rp>
  </rbc>
</ruby>

查到一位网友对ruby的用法 https://www.chenhuijing.com/blog/html-ruby/ ,但是“Expiration Date”这几个字在PC版火狐浏览器上渲染出来时即便有 style="ruby-position: under" 也依然显示在上方(在同一个浏览器中,他的博客上渲染出来的“Expiration Date”却在下方)。

<ruby>
  <ruby xml:lang="zh">
    <rbc>
      <rb>大</rb><rp>(</rp><rt>dà</rt><rp>)</rp>
      <rb>马</rb><rp>(</rp><rt>mǎ</rt><rp>)</rp>
      <rb>女</rb><rp>(</rp><rt>nǚ</rt><rp>)</rp>
      <rb>子</rb><rp>(</rp><rt>zǐ</rt><rp>)</rp>
      <rb>篮</rb><rp>(</rp><rt>lán</rt><rp>)</rp>
      <rb>球</rb><rp>(</rp><rt>qiú</rt><rp>)</rp>
      <rb>队</rb><rp>(</rp><rt>duì</rt><rp>)</rp>
    </rbc>
  </ruby>
  <rtc xml:lang="en" style="ruby-position: under;">
    <rp>(</rp><rt>Malaysia Women's Basketball Team</rt><rp>)</rp>
  </rtc>
</ruby>
()()()()(lán)(qiú)(duì) (Malaysia Women's Basketball Team)