HTML5中的<ruby>、<rt>、<rp>标签

HTML5中的拼音标签

<ruby><rt><rp>HTML5新推出的标签

该标签的使用能设置字体拼音

Demo:

<!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>zhe</rt><rt>shi</rt><rt>han</rt><rt>zi</rt>
   </ruby>
</body>
</html>

效果图:
在这里插入图片描述
rp标签则是当浏览器不支持ruby标签时显示的内容。

 <ruby><rp>(拼音:</rp> <rt>zhe</rt> <rp>)</rp>
 </ruby>

你可能感兴趣的:(HTML)