Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] 第86天 举例说明你对HTML5的ruby标签的理解,都有哪些应用场景? #596

Open
haizhilin2013 opened this issue Jul 10, 2019 · 5 comments
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

第86天 举例说明你对HTML5的ruby标签的理解,都有哪些应用场景?

@haizhilin2013 haizhilin2013 added the html html label Jul 10, 2019
@dondonZh
Copy link

标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

以及 标签一同使用:

ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。 (摘自博客)

@xiangshuo1992
Copy link
Contributor

<section>
  <ruby class="spz">
    <rb></rb>
    <rt>qióng</rt>
    <rb></rb>
    <rt>qióng</rt>
    <rb></rb>
    <rt>jié</rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt>hàng</rt>
    <rb></rb>
    <rt>xiè</rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
  </ruby>
  <ruby class="spz">
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt>xíng</rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt>guàn</rt>
    <rb></rb>
    <rt>dǐng</rt>
  </ruby>
  <ruby class="spz">
    <rb></rb>
    <rt>mián</rt>
    <rb></rb>
    <rt>mián</rt>
    <rb></rb>
    <rt>guā</rt>
    <rb></rb>
    <rt>dié</rt>
    <rb></rb>
    <rt>fèng</rt>
    <rb></rb>
    <rt>wéi</rt>
    <rb></rb>
    <rt>guī</rt>
    <rb></rb>
    <rt>niè</rt>
  </ruby>
  <ruby class="spz">
    <rb></rb>
    <rt>lóng</rt>
    <rb></rb>
    <rt>xíng</rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt>jiǎo</rt>
    <rb></rb>
    <rt></rt>
    <rb></rb>
    <rt></rt>
  </ruby>
</section>

image

@nowherebutup
Copy link

ruby 包含多个rt,rp标签构成,用以表示注释

@vuesea
Copy link

vuesea commented Jul 12, 2019

shabi

image

@smile-2008
Copy link

ruby 包含多个rt,rp标签构成,用以表示注释

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests

6 participants