sam*_*oul 7 html css character-encoding ruby-characters
我已经在网上搜索了一段时间,关于如何分别为中文和日文添加拼音/假名.我真的很喜欢像class="furigana"需要它的文本一样添加类.我正在制作一个语言学习游戏,需要能够显示这些信息.任何人都能对这件事情有所了解吗？非常感谢!
pba*_*pba 12
pinyin/furigana可以使用ruby HTML元素添加,该元素是W3C推荐标准的一部分,截至2017年7月,大约95%的Web浏览器都支持它.
例:
<ruby>??<rt>???</rt></ruby>
编辑更改链接到W3C推荐而不是草稿并更改浏览器支持
小智 6
您可以使用 CSS 将其添加到自定义 HTML 标记中，这就是我所做的。
\n\n<html>\r\n<head>\r\n<meta charset="UTF-8">\r\n<title></title>\r\n<style>\r\nfg:before {\r\n\tcontent: attr(t);\r\n\tdisplay: block;\r\n font-size: 50%;\r\n text-align: start;\r\n\tline-height: 1.5;\r\n}\r\n\r\nfg {\r\n\tdisplay: inline-block;\r\n\ttext-indent: 0px;\r\n\tline-height: normal;\r\n -webkit-text-emphasis: none;\r\n\ttext-align: center;\r\n\tline-height: 1;\r\n}\r\n</style>\r\n</head>\r\n<body>\r\n<fg t="\xe3\x82\x8f\xe3\x81\x9f\xe3\x81\x97">\xe7\xa7\x81</fg>\xe3\x81\xaf\xe3\x82\xb1\xe3\x83\xb3\xe3\x81\xa7\xe3\x81\x99\xe3\x80\x82<br><br>\r\n</body>\r\n</html>