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

发布于 2021-01-11 17:11:59
关注者
0
被浏览
257
3 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

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

    以及 标签一同使用:

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。
    <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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。
    shabi

    image

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看