html上自动显示汉字拼音,今天才知道,原来html上用这个标签显示拼音

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

拼音

拼音

在chrome看下结果:

173eb58b43fb21001a62ace40223e174.png

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

拼音

拼音pinyin

我再看下结果:

6c8d8ed5f1f758967b49e857b28de305.png

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

5fcb4608cfefd869543305e3e7b70a2d.png

打开搜狗输入法的软键盘

78c0c90734265d7d8115a23046c2597b.png

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

拼音

我厉害吧diāochóngxiǎojì

显示的最终结果是这样的

2ddf457f66e24c4a71da5d66046a6097.png

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

6d1487b59dbc90c4eba71a287a23cbd8.png

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

来源:oschina

链接:https://my.oschina.net/u/173343/blog/3050686

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值