「模板:Biaoyin」:修訂間差異
外觀
Xiaoyu moon(留言 | 貢獻) 建立內容為「<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><noinclude> {{Documentation}} </noinclude>」的新頁面 |
Xiaoyu moon(留言 | 貢獻) 無編輯摘要 |
||
| 第1行: | 第1行: | ||
<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><noinclude> | <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> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> | ||
於 2026年6月2日 (二) 23:56 的修訂
本模板突破了傳統維基內建 Ruby 模板只能標註一層讀音的技術限制,支援在文字正上方同時完美疊加兩層讀音(例如:下層注音 + 上層拼音)。內部採用隱形微型網格技術,徹底解決了舊版嵌套代碼在移動端或部分瀏覽器下「讀音全部向左對齊歪斜」的 Bug,實現像素級的絕對置中。
by:Xiaoyu_moon
- 註:本模板之文檔(Documentation)初版由 AI 生成,後由作者手工微調修正。(騙你的,模板文檔純AI,模板文檔這種東西我是絕對不會親自寫的wwwwwwwwwwwwwwww)
語法
本模板支援「具名參數」與「匿名快捷」兩種模式。
具名完整語法
{{Biaoyin |文字= |讀音= |讀音上層= }}
匿名快捷語法(推薦)
{{Biaoyin | 漢字 | 下層讀音 | 上層讀音 }}
參數說明
| 參數名稱 | 匿名順序 | 是否必填 | 說明 |
|---|---|---|---|
| 文字 或 1 | 第 1 個參數 | 必填 | 需要被標注讀音的漢字本體。 |
| 讀音 或 2 | 第 2 個參數 | 必填 | 緊貼在漢字上方的第一層讀音(通常放注音符號或日文假名)。 |
| 讀音上層 或 3 | 第 3 個參數 | 選填 | 疊加在最上方的第二層讀音(通常放漢語拼音或羅馬字)。 |
範例
1. 雙層讀音滿載(注音 + 拼音)
當同時需要注音與拼音時,直接啟用 `讀音上層`(或第三參數)。
- 匿名寫法:
{{Biaoyin|和曦民國|ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ|hé xī mín guó}} - 效果:
{{{文字}}} - 具名寫法:
{{Biaoyin|文字=和曦民國|讀音=ㄏㄜˊ ㄒㄧ ㄇㄧㄣˊ ㄍㄨㄛˊ|讀音上層=hé xī mín guó}} - 效果:
和曦民國
2. 單層應用:標註漢語拼音
不填寫第三參數時,自動退化為普通的單層標音。
- 輸入:
{{Biaoyin|維基百科|wéi jī bǎi kē}} - 效果:
{{{文字}}}
3. 單層應用:標註注音符號
- 輸入:
{{Biaoyin|臺灣|ㄊㄞˊ ㄨㄢ}} - 效果:
{{{文字}}}
💡 核心排版技巧(一字一音)
雖然本模板支援多字連寫,但由於各字拼音長度不一(例如「國」guó 有三個字母,而「曦」xī 只有兩個),直接整串連寫可能會讓字母與漢字的中心點產生些微的視覺不對齊。
為了達成最高規格的印刷美感,強烈建議在國家核心條目中,使用一字一音的串聯寫法:
- 極致排版輸入:
{{Biaoyin|和|ㄏㄜˊ|hé}}{{Biaoyin|曦|ㄒㄧ|xī}}{{Biaoyin|民|ㄇㄧㄣˊ|mín}}{{Biaoyin|國|ㄍㄨˊ|guó}}
- 極致排版效果:
{{{文字}}} {{{文字}}} {{{文字}}} {{{文字}}}
注意事項
- 防錯位與斷行: 本模板內部已封裝 `white-space: nowrap` 屬性,在任何窄螢幕或手機版介面下,標音字組都絕對不會發生中途斷行、字音分離的慘劇。
- 免 CSS 依賴: 由於完全基於 HTML 原生表格網格邏輯重構,此模板不需要在 `Common.css` 寫入額外樣式即可完美運作。
參見
- Template:Ruby(維基百科內建的單層標音模板)
| 上述文件嵌入自模板:Biaoyin/doc。 (編輯 | 歷史) 编者可以在本模板的沙盒 (建立 | 镜像)和测试样例 (建立)页面进行实验。 请在/doc子页面中添加分类。本模板的子页面。 |