網頁標注音

網頁標注音

http://blog.justfont.com/phdemo/

 

其他功能:<ruby>、<rt>、<rp>元素(拼音或注音)

<ruby>元素用來包住字串及其注音或拼音;

<rt>是ruby text的簡寫,是<ruby>的子元素,用來包住注音或拼音。

<rp>是ruby parenthese的簡寫,也是<ruby>的子元素,用來當瀏覽器不支持<ruby>時就會顯示<rp>裡的括號;反之,瀏覽器顯示<ruby>時,就不會顯示<rp>的括號。

 
<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>其它新功能</title>
 </head>
 <body>
   <h1><ruby>漢<rt>ㄏㄢˋ</rt>字<rt>ㄗˋ</rt></ruby></h1>
   <h1><ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby><br></h1>
   <h1><ruby>漢<rp>(</rp><rt>ㄏㄢˋ</rt><rp>)</rp>字<rp>(</rp><rt>ㄗˋ</rt><rp>)</rp></ruby></h1>
   <h1><ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby></h1>
  </body>
</html>

 

http://www.wkb.idv.tw/moodle/mod/page/view.php?id=8408&lang=zh_tw