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

来源:3-21 编程练习

unbreakable_全栈

2020-06-07 12:19:20

<!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回答

好帮手慕夭夭

2020-06-07

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

http://img.mukewang.com/climg/5edc95380970e65c04650092.jpg

在浏览器中,按F12查看:

http://img.mukewang.com/climg/5edc956509eb669a04830354.jpg

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

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

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

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


0

0 学习 · 40143 问题

查看课程