今天才知道，原来html上用这个标签显示拼音

2019独角兽企业重金招聘Python工程师标准>>>

今天上网溜达的时候，在微博看到的，原来html上面可以用<ruby>标签显示拼音，我这暴脾气，马上试一下

<html>
<head>
<title>拼音</title>
</head>
<body>
<ruby>拼音</ruby>
</body>
</html>

在chrome看下结果：

好尴尬啊，没有啥变化啊，我还以为能够神奇的自动显示拼音呢。再仔细看了下，原来拼音要自己写，好吧，我改改：

<html>
<head>
<title>拼音</title>
</head>
<body>
<ruby>拼音<rt>pinyin</rt></ruby>
</body>
</html>

我再看下结果：

真的可以哦。但是，我不是一个容易满足的人，为啥不能用带音标的拼音呢，毕竟我又不是歪果仁，音标错了也是一种耻辱，不过输入音标字符和html没啥关系，是输入法的功能，我用的是搜狗输入法，它输入带音标的字母的做法是这样的：

打开搜狗输入法的软键盘

选择拼音字母，看到这个软键盘就能输入带音标的字母啦，最后的代码是这样的：

<html>
<head>
<title>拼音</title>
</head>
<body>
<ruby>我厉害吧<rt>diāochóngxiǎojì</rt></ruby>
</body>
</html>

显示的最终结果是这样的

最后再说明一点，<ruby>支持几乎所有的新版浏览器，这是它具体支持的浏览器列表

基本的主流的都有了，大家如果需要更详细的信息，去官网看下吧。

转载于:https://my.oschina.net/u/173343/blog/3050686

今天才知道，原来html上用这个标签显示拼音相关推荐

C#设计抽奖程序。窗体加载上来时，标签显示：开始抽奖。单击命令按钮，产生一个1到100的随机数，标签上显示：恭喜第?号，您中奖了。
设计抽奖程序.窗体加载上来时,标签显示:开始抽奖.单击命令按钮,产生一个1到100的随机数,标签上显示:恭喜第?号,您中奖了. 提示:label1.Text = "恭喜第" + i ...
为什么只有状态转移算法才是真正意义上的智能优化算法，其它的都是“假冒伪劣”？
0 旁白长期以来,"论文为王"的观念被推崇至上,没有论文就没有发言权,发表了大量学术论文才能高谈阔论.坐而论道,以至于出现"大家都忙着写论文,没有时间搞科研" ...
东方瑞丰：飞行模拟机才是虚拟现实桂冠上的明珠
飞行模拟机是虚拟现实技术应用最深入也是最成熟的领域,没有之一. 在虚拟现实技术不断发展的今天,2016年被看作是这一产业发展的元年.但与几乎所有新技术发展的轨迹类似,虚拟现实的发展也经历了萌芽.火爆. ...
简述计算机一体机,怎么才算真正意义上的一体机电脑?
原标题:怎么才算真正意义上的一体机电脑? 更高的集成度,是电子工业的趋势,电脑行业也不例外.随着技术的发展和消费的升级,从而形成一体机电脑,顾名思义就是将主机和显示器集成.但怎么才能称得上是真正意义上 ...
html网页收藏夹小图标,在网页标题栏上和收藏夹显示网站logo的实现方法
在网页标题栏上和收藏夹显示网站logo的实现方法发布时间:2016-03-16 15:30:32 作者:佚名我要评论下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方 ...
电脑常识：连不上网络，只显示飞行模式？
电脑常见问题:连不上网络,只显示飞行模式有的时候,我们突然打开笔记本,会发现电脑突然就连不上网了,各种重启电脑都没用,是怎么回事啊?并且显示只有飞行模式,但是飞行模式并未开启啊,且网络状态显示未连接 ...
BIMServer1.5.88服务器部署及IFC文件上传并3D显示
BIMServer1.5.88服务器部署及IFC文件上传并3D显示一.JDK安装与环境变量配置 1.JDK SE 8下载 2.JDK SE 8安装 3.JDK 环境配置二.BIMServer1. ...
R语言ggplot2可视化：使用dplyr包计算每个分组个数的比例(对计算获得的百分比进行近似，值保留整数部分)、使用ggplot2可视化条形图(bar plot)、并在条形图上添加百分比标签
R语言ggplot2可视化:使用dplyr包计算每个分组个数的比例(对计算获得的百分比进行近似,值保留整数部分).使用ggplot2可视化条形图(bar plot).并在条形图上添加百分比标签目录
R语言ggplot2可视化在X轴上可视化时间标签实战：可视化时间标签、对时间标签进行旋转
R语言ggplot2可视化在X轴上可视化时间标签实战:可视化时间标签.对时间标签进行旋转目录

今天才知道，原来html上用这个标签显示拼音

今天才知道，原来html上用这个标签显示拼音相关推荐

最新文章

热门文章