跳至內容

「模板:Biaoyin」:修訂間差異

出自微國家百科
Xiaoyu moon留言 | 貢獻
無編輯摘要
Xiaoyu moon留言 | 貢獻
無編輯摘要
 
(未顯示同一使用者於中間所作的 2 次修訂)
第1行: 第1行:
<ruby style="ruby-position: over; -webkit-ruby-position: over;"><rb><ruby style="ruby-position: over; -webkit-ruby-position: over;"><rb>{{{文字}}}</rb><rp></rp><rt style="font-size: 0.7em; font-family: sans-serif; letter-spacing: 0.05em; display: ruby-text; text-align: center;">{{{讀音}}}</rt><rp>)</rp></ruby></rb><rp>(</rp><rt style="font-size: 0.6em; font-family: sans-serif; letter-spacing: 0.05em; display: ruby-text; text-align: center;">{{{讀音上層|}}}</rt><rp></rp></ruby><noinclude>
<table style="display: inline-table; border-collapse: collapse; border: none; background: transparent; margin: 0 2px; padding: 0; vertical-align: bottom; text-align: center; line-height: 1.1; white-space: nowrap;"><tr><td style="padding: 0; border: none; font-size: 0.52em; font-family: sans-serif; letter-spacing: 0.02em; color: #54595d; text-align: center;">{{{3|{{{讀音上層|}}}}}}</td></tr><tr><td style="padding: 0; border: none; font-size: 0.62em; font-family: sans-serif; letter-spacing: 0.05em; color: #202122; text-align: center; padding-bottom: 1px;">{{{2|{{{讀音}}}}}}</td></tr><tr><td style="padding: 0; border: none; font-size: 1em; color: #000000; text-align: center; font-weight: normal;">{{{1|{{{文字}}}}}}</td></tr></table><noinclude>{{Documentation}}</noinclude>
{{Documentation}}
</noinclude>

於 2026年6月7日 (日) 13:48 的最新修訂

{{{讀音}}}
{{{文字}}}
-{zh-cn:文档; zh-tw:文件;}-图示 模板文件[檢視] [編輯] [歷史] [清除快取]
{{{讀音}}}
{{{文字}}}
(標音)是一個專為和曦民國官網暨微國家百科設計的高級雙層標音模板。

本模板突破了傳統維基內建 Ruby 模板只能標註一層讀音的技術限制,支援在文字正上方同時完美疊加兩層讀音(例如:下層注音 + 上層拼音)。內部採用隱形微型網格技術,徹底解決了舊版嵌套代碼在移動端或部分瀏覽器下「讀音全部向左對齊歪斜」的 Bug,實現像素級的絕對置中。

by:Xiaoyu_moon

  • 註:本模板之文檔(Documentation)初版由 AI 生成,後由作者手工微調修正。(騙你的,模板文檔純AI,模板文檔這種東西我是絕對不會親自寫的wwwwwwwwwwwwwwww)

語法

本模板支援「具名參數」與「匿名快捷」兩種模式。

具名完整語法

{{Biaoyin |文字= |讀音= |讀音上層= }}

匿名快捷語法(推薦)

{{Biaoyin | 漢字 | 下層讀音 | 上層讀音 }}

參數說明

參數名稱 匿名順序 是否必填 說明
文字1 第 1 個參數 必填 需要被標注讀音的漢字本體。
讀音2 第 2 個參數 必填 緊貼在漢字上方的第一層讀音(通常放注音符號或日文假名)。
讀音上層3 第 3 個參數 選填 疊加在最上方的第二層讀音(通常放漢語拼音或羅馬字)。

範例

1. 雙層讀音滿載(注音 + 拼音)

當同時需要注音與拼音時,直接啟用 `讀音上層`(或第三參數)。

  • 匿名寫法: {{Biaoyin|和曦民國|ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ|hé xī mín guó}}
  • 效果:
    hé xī mín guó
    ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ
    和曦民國
  • 具名寫法: {{Biaoyin|文字=和曦民國|讀音=ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ|讀音上層=hé xī mín guó}}
  • 效果:
    hé xī mín guó
    ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ
    和曦民國

2. 單層應用:標註漢語拼音

不填寫第三參數時,自動退化為普通的單層標音。

  • 輸入: {{Biaoyin|維基百科|wéi jī bǎi kē}}
  • 效果:
    wéi jī bǎi kē
    維基百科

3. 單層應用:標註注音符號

  • 輸入: {{Biaoyin|臺灣|ㄊㄞˊ ㄨㄢ}}
  • 效果:
    ㄊㄞˊ ㄨㄢ
    臺灣

💡 核心排版技巧(一字一音)

雖然本模板支援多字連寫,但由於各字拼音長度不一(例如「國」guó 有三個字母,而「曦」xī 只有兩個),直接整串連寫可能會讓字母與漢字的中心點產生些微的視覺不對齊。

為了達成最高規格的印刷美感,強烈建議在國家核心條目中,使用一字一音的串聯寫法:

  • 極致排版輸入:
{{Biaoyin|和|ㄏㄜˊ|hé}}{{Biaoyin|曦|ㄒㄧ|xī}}{{Biaoyin|民|ㄇㄧㄣˊ|mín}}{{Biaoyin|國|ㄍㄨˊ|guó}}
  • 極致排版效果:
    ㄏㄜˊ
    ㄒㄧ
    mín
    ㄇㄧㄣˊ
    guó
    ㄍㄨㄛˊ

注意事項

  • 防錯位與斷行: 本模板內部已封裝 `white-space: nowrap` 屬性,在任何窄螢幕或手機版介面下,標音字組都絕對不會發生中途斷行、字音分離的慘劇。
  • 免 CSS 依賴: 由於完全基於 HTML 原生表格網格邏輯重構,此模板不需要在 `Common.css` 寫入額外樣式即可完美運作。

參見