老师 这里课件上老师演示的是rp嵌套在rt里的

老师 这里课件上老师演示的是rp嵌套在rt里的

但是我看屏幕上显示了 一个rp不要嵌套在rt里 正确的写法是该怎么写呢 用rp的话 

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-09-15 14:56:07

同学你好,视频中讲师一开始将rp嵌套在rt中,显示的效果是不对的,如下:

https://img1.sycdn.imooc.com//climg/6141985909afd43d13100167.jpg

效果如下:

https://img1.sycdn.imooc.com//climg/61419866098f5ce207820199.jpg

所以后面讲解过程中老师就改正过来了,正确的写法是:将rp标签放在rt标签外面,如下:

https://img1.sycdn.imooc.com//climg/614198b8096d43e011920385.jpg

祝学习愉快~​

  • 提问者 豆包侠 #1

    <p> 

    这是文 <ruby> <rp>(</rp><rt>zi</rt><rp>)</rp></ruby>

    </p>


    老师是这么写吗 所以要写rp 也必须要加个() 并且在rp括号中要有rt是吗 

    <rp>(</rp><rt>zi</rt><rp>)</rp>

    2021-09-15 15:13:45
  • 好帮手慕慕子 回复 提问者 豆包侠 #2

    同学你好,对于你的问题解答如下:

    1、粘贴的这段代码书写是对的。

    2、()括号不是必须的,rp标签中可以书写任意内容,当浏览器不支持ruby标签时,rp标签中的内容才会显示出来。官方给出的解释是:

    (1)浏览器支持ruby标签时,rp标签中的内容不会显示在页面上,rt标签中的内容显示在页面的文字上方,如下:

    https://img1.sycdn.imooc.com//climg/6141c11b09d0ef5812960230.jpg 

    (2)浏览器不支持ruby标签时,rp的内容才会在页面中显示,另外,rt标签中的内容也会显示,只不过此时不会在文字上方显示了,而是在一排显示。

    不过老师测试的几个浏览器都支持这个标签了,下面展示的只是为了方便同学对比查看效果。如下:

    https://img1.sycdn.imooc.com//climg/6141c2490944b17211700281.jpg

    3、由第二条可知,括号不是必须的,所以说并不是在括号中要有rt标签,只要rt和rp标签之间不要发生嵌套就可以了。示例,rt和rp之间存在嵌套关系,就是不推荐的写法,如下图所示:

    https://img1.sycdn.imooc.com//climg/6141bf6f09a4d85e09190202.jpg

    ruby标签实际开发中几乎使用不到,同学了解下就可以了。

    祝学习愉快~~

    2021-09-15 17:56:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师