你可能错过的HTML标签 “ruby”

在一些JP系列的网站,是不是会有时候发现,有些汉字上有标假名注音,例如像这样的

挑戦ちょうせんあきらめたらわり永遠に勝つことは出来ないって

比屋定真帆ひやじょうまほ

我开始以为他们是用CSS实现的,其实并不是,其实是一个叫做ruby的标签,而且是HTML的Global Attributes里的Tag,所以不需要额外CSS。


W3c School对该标签的定义如下:

The <ruby> tag specifies a 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. This kind of annotation is often used in Japanese publications.
Use the <ruby> tag together with the <rt> and/or the <rp> tags: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that do not support ruby annotations.

也就是说,对于想加注音的词语只需要在外面套入 Ruby 标签就可以了

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください