老师,我这样写的话,第二个拼音就显示到汉字的上边啦,而且我看官网是rt 包含 rp的,这个怎么解释呢

老师,我这样写的话,第二个拼音就显示到汉字的上边啦,而且我看官网是rt 包含 rp的,这个怎么解释呢

<!DOCTYPE html>

<html lang="en">


<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <title>Document</title>

</head>


<body>

   <ruby>

      魑 <rt> chi </rt>

      魅 <rt> mei </rt>

      魍 <rt> wang </rt>

      魉 <rt> liang </rt>

   </ruby>

   <ruby>

      魑 

      <rp>(</rp><rt>chi</rt><rp>)</rp>

      魅 

      <rp>(</rp><rt>mei</rt><rp>)</rp>

      魍 

      <rp>(</rp><rt>wang</rt><rp>)</rp>

      魉 

      <rp>(</rp><rt>liang</rt><rp>)</rp>

   </ruby>

   <p>https://www.w3school.com.cn/tags/tag_rp.asp</p>

</body>


</html>


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

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

1回答
好帮手慕夭夭 2020-06-07 15:27:45

同学你好,<rp>不需要放在<rt>中 。如果嵌套在里面是不规范的,浏览器在解析结构时,也会把<rp>解析到<rt>外部,如下:

http://img1.sycdn.imooc.com//climg/5edc95380970e65c04650092.jpg

在浏览器中,按F12查看:

http://img1.sycdn.imooc.com//climg/5edc956509eb669a04830354.jpg

同学是看的W3C吗?这个网站有很多知识都是错误。一般官网性文档都是英文版的,现在同学还没有能力看。建议同学在学习时,跟着视频学习即可,入门的时候不建议看课外资料哦。

另外,同学说的第二个拼音是什么意思?是说的第二个ruby标签中的内容,拼音为什么在上面吗?

这个是正常的,本身拼音就应该在汉字上面。课程中,拼音在汉字右侧是因为标签嵌套的不对,老师后来改过来了吗,只是没有演示。改成正确的就是在上面显示哦。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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