博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
今天才知道,原来html上用这个标签显示拼音
阅读量:6251 次
发布时间:2019-06-22

本文共 449 字,大约阅读时间需要 1 分钟。

hot3.png

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

拼音拼音

在chrome看下结果:

e7f41365a152a66f39986da1b33a5225be4.jpg

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

拼音拼音pinyin

我再看下结果:

289092c782429da4dbab82c608ea2d77ee1.jpg

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

86396c8acdd0c3b403713de8188247edf7d.jpg

打开搜狗输入法的软键盘

  c1a3f21780a36e4e729b243f71796ed752f.jpg

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

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

显示的最终结果是这样的

c9af84c105258c218b5f158b2f8b7df9095.jpg

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

e8c95ebfd628d79634a616b8815d3144ded.jpg

基本的主流的都有了,大家如果需要更详细的信息,。

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

你可能感兴趣的文章
java正文提取_Java网页正文提取工具
查看>>
blocked java_使用jstack排查多线程死锁、阻塞
查看>>
centos7 nohup无法保持_CentOS 不间断会话(ssh关闭后如何保证程序继续运行)(nohup和screen)...
查看>>
显示图片java代码_用于显示下载或是显示图片的一段代码
查看>>
java scrip_js java scrip基本语法
查看>>
java 加上天数_java日期时间加上天数 | 学步园
查看>>
java 爬楼梯算法_9.1 爬楼梯
查看>>
java多态 动态绑定_Java JVM 多态(动态绑定)
查看>>
jpa 去重_JPA 查询Distinct Join条件示例
查看>>
mysql date 索引性能_【转】MYSQL数据库时间字段INT,TIMESTAMP,DATETIME性能效率比较
查看>>
java 加密解密算法_用JAVA设计一个简单的加密、解密算法,用该算法来实现对数据的加密、解密...
查看>>
java 窗口最小化_Java使窗口最小化为图标
查看>>
hessian java php_hessian在PHP中的使用
查看>>
虚幻4能用java吗_如果用虚幻四引擎开发我的世界而非java 它会比现在取得更好的成绩吗?...
查看>>
JAVA常见告警怎么解决_JAVA 线上故障排查全套路
查看>>
java协程和线程_Kotlin中的线程和协程之间的区别
查看>>
微信开放平台授权java_解决微信等开放平台授权域名只能配置一个的问题
查看>>
mysql 去除a标签_CSS去除手机移动端链接标签a点击所带的背景颜色样式
查看>>
datagrid排序 java_easyUI 自定义排序datagrid
查看>>
sine之舞 java_JAVA程序实例:Sine之舞的游戏之Java版
查看>>