html上自动显示汉字拼音,原来html上用这个标签显示拼音

重要头部更新：可以直接在html上面自动显示汉字拼音了，这活要靠后端来干。

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

拼音

在chrome看下结果：

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

拼音

拼音pinyin

我再看下结果：

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

打开搜狗输入法的软键盘

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

拼音

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

显示的最终结果是这样的

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

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

更新：有评论说拼音和字没对齐，这个真不怪我，拼音的长度是不固定的，要想和汉字一一对应，只能使用终极大法，一字一拼法：

拼音

我diāo

厉chóng

害xiǎo

吧jì

效果如下：

这下大家满足了吧。

声明：发布此文是出于传递更多知识以供交流学习之目的。若有来源标注错误或侵犯了您的合法权益，请作者持权属证明与我们联系，我们将及时更正、删除，谢谢。

作者：blue sky

来源：知乎

More：【微信公众号】u3dnotes

html上自动显示汉字拼音,原来html上用这个标签显示拼音相关推荐

终于可以在html上自动显示汉字拼音了
在上一篇讲在html显示拼音标签的文章里面,我最开始也误会了,只要加了<ruby>标签,就能自动显示汉字的拼音,但显然,这只是一个美好的想法,实际上拼音什么的还得靠自己手工来,但在程序员的 ...
基于Ubuntu系统调用opencv——在图片上显示汉字和数字
文章目录一. 认识汉字编码 (1)区位码 (2)机内码 (3)点阵字库结构 (4)汉字点阵获取二. 实例--调用opencv在图片上显示文字 (1)准备工作 (2)撰写代码 (3)编译运行三. ...
asp.net实现在网页上自动显示超链接以及Email地址
人们总喜欢在帖子中加上各种有用的URL链接或Email地址.而笔者当初设计时没有考虑到这一点,使得这些URL链接或Email地址只能以文字的形式而并不是以超链接的形式显示,其它浏览帖子的人还必须把这些 ...
使用Tslib在触摸屏上显示汉字
终于到了在触摸屏上显示汉字了,真正写代码.测试的时间是1天,在此之前的一切准备.学习花费约2周到3周时间.而为了获取触摸屏上显示的图像,花费约2天.由于网络驱动已经接近于放弃状态,NFS用不了,只好用 ...
使用Tslib在触摸屏上显示汉字【转】
转自:http://www.latelee.org/embedded-linux/use-tslib-to-display-chinese-character.html 终于到了在触摸屏上显示汉字了, ...
java技术:输入拼音自动提示汉字的方法
今日课题:java项目经理与你共享"有关输入拼音自动提示汉字的方法". 一.java端使用不同的项目获取的方法也是不一样的,但最终都要传入客户端端,这部分就不多说了,有开 ...
今天才知道，原来html上用这个标签显示拼音
2019独角兽企业重金招聘Python工程师标准>>> 今天上网溜达的时候,在微博看到的,原来html上面可以用<ruby>标签显示拼音,我这暴脾气,马上试一下 < ...
51单片机用c语言在液晶1602上显示汉字,lcd1602与单片机连接图，基于51单片机的lcd1602液晶显示屏连接电路图...
描述 LCD1602是一种工业字符型液晶,能够同时显示16x02即32个字符.LCD1602液晶显示原理 LCD1602液晶显示的原理是利用液晶的物理特性,通过电压对其显示区域进行控制,有电就有显示, ...
Foxdisk11-小字库显示汉字2
(请保留 -> 作者:罗冰 ) 刚从大学毕业那会,对操作系统极其入迷,总想搞清楚底层是怎么运行的.其中最感兴趣的是图形的显示,BIOS对硬件的控制等.找了很多资料看,正好公司的一些项目上也需要用 ...
计算机文字输入程序,电脑上怎么输入汉字
电脑买回来了,但是不会英文啊,怎么输入都是English呢?今天小编给大家认识一下怎么输入汉字.供大家参考! 电脑基础知识-汉字输入参考如下: 输入法有专门的程序,图标在任务栏的右下角,一个键盘的 ...

html上自动显示汉字拼音,原来html上用这个标签显示拼音

html上自动显示汉字拼音,原来html上用这个标签显示拼音相关推荐

最新文章

热门文章