我的两种代码显示的效果怎么是一样的?

来源:3-21 编程练习

慕姐0147601

2019-09-05 22:23:34

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ruby</title>

</head>

<body>

    <!-- 此处写代码 -->

    <p>

        <ruby>

            魑<rt>chi</rt>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魅<rt>mei</rt>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魍<rt>wang</rt>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魉<rt>liang</rt>

        </ruby>

    </p>

    <p>

        <ruby>

            魑<rp>(</rp>

                <rt>chi</rt>

                <rp>)</rp>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魅<rp>(</rp>

            <rt>mei</rt>

            <rp>)</rp>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魍<rp>(</rp>

            <rt>wang</rt>

            <rp>)</rp>

        </ruby>&nbsp;&nbsp;&nbsp;&nbsp;

        <ruby>

            魉<rp>(</rp>

            <rt>liang</rt>

            <rp>)</rp>

        </ruby>

    </p>

</body>

</html>


写回答

1回答

好帮手慕星星

2019-09-06

同学你好,代码没有问题。

因为当浏览器支持ruby标签时,音标显示在上面,不支持ruby标签的时候才会显示在括号中。

这两段代码效果是一样的,说明浏览器支持ruby标签哦。

祝学习愉快!

0

0 学习 · 5012 问题

查看课程