10

我已经在网上搜索了一段时间，关于如何分别在中文和日文中添加拼音/假名。class="furigana"我真的很想在需要它的文本中添加一个像这样的类。我正在制作一个需要能够显示这些信息的语言学习游戏。任何人都可以对此事有所了解吗？非常感谢！

4

2 回答 2

23

pinyin/furigana 可以使用ruby​​ HTML 元素添加，该元素是W3C 建议的一部分，截至 2017 年 7 月，大约 95% 的 Web 浏览器都支持该元素。

例子：

<ruby>漢字<rt>かんじ&lt;/rt></ruby>

编辑以更改指向 W3C 建议的链接，而不是草稿和更改浏览器支持

于 2014-02-23T12:49:56.217 回答
4

您可以使用 CSS 将其添加到自定义 HTML 标记中，这就是我所做的。

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
fg:before {
	content: attr(t);
	display: block;
    font-size: 50%;
    text-align: start;
	line-height: 1.5;
}

fg {
	display: inline-block;
	text-indent: 0px;
	line-height: normal;
    -webkit-text-emphasis: none;
	text-align: center;
	line-height: 1;
}
</style>
</head>
<body>
<fg t="わたし">私&lt;/fg>はケンです。&lt;br><br>
</body>
</html>

于 2019-01-23T10:22:39.483 回答