今天才知道，原來html上用這個標籤顯示拼音

時間 2019-11-05

標籤今天知道原來 html 上用這個標籤顯示拼音欄目 HTML 简体版

原文原文鏈接

今天上網溜達的時候，在微博看到的，原來html上面能夠用<ruby>標籤顯示拼音，我這暴脾氣，立刻試一下html

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

在chrome看下結果：chrome

好尷尬啊，沒有啥變化啊，我還覺得可以神奇的自動顯示拼音呢。再仔細看了下，原來拼音要本身寫，好吧，我改改：瀏覽器

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

我再看下結果：ruby

真的能夠哦。可是，我不是一個容易知足的人，爲啥不能用帶音標的拼音呢，畢竟我又不是歪果仁，音標錯了也是一種恥辱，不過輸入音標字符和html沒啥關係，是輸入法的功能，我用的是搜狗輸入法，它輸入帶音標的字母的作法是這樣的：3d

打開搜狗輸入法的軟鍵盤code

選擇拼音字母，看到這個軟鍵盤就能輸入帶音標的字母啦，最後的代碼是這樣的：htm

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

顯示的最終結果是這樣的blog

最後再說明一點，<ruby>支持幾乎全部的新版瀏覽器，這是它具體支持的瀏覽器列表get

基本的主流的都有了，你們若是須要更詳細的信息，去官網看下吧。it

相關標籤/搜索