Class LLL / 設計星團教材目錄編輯與來源

共通設計理論 教材 / Class LLL

中文標點、禁則與標點擠壓

先看標點與語句,再看行尾

從同一段繁中原文檢查行首、行尾與連續標點;區分斷點、字寬和字形。用真瀏覽器排樣比較,保留出版地區與草案狀態,不把標點一律縮窄當成完成禁則。

撰寫與維護:Class LLL · Lab Light Label|預估閱讀 9 分鐘

開啟互動教材查看參考來源

閱讀目標

適用條件與學習範圍

行首出現逗號、行尾留下開引號時,改的是斷點、空白還是字形?把全部標點縮半就能解決嗎?

能指出一個行首/行尾標點問題,固定原文和寬度比較斷點,再用換寬度或素材的反例說明禁則與擠壓不是同一件事。

聚焦繁中橫排小樣本;不實作全部地區、直排、懸掛、兩端對齊與符號分離規則。CSS strict與halt不宣稱完整符合clreq。

原理與判斷

換行不只是填滿一條容器。引號、括號與句末點號承擔不同語義,把它們與對應文字拆開會改變閱讀時看到的單位。常見基本禁則會避免點號與閉引號落在行首、開引號落在行尾;但實際嚴格程度與出版體例需要說明。 clreq整理需求與出版慣例,2026-10-07版本是群組 Note Draft,並非所有工具已完成的功能清單。地域差異不能只用繁體/簡體二分;本頁選繁中橫排原創句與現有字體,停止於可直接觀察的結果。

先辨認開閉與斷點

先讀完整原句,再看每行。開引號「期待後面的被引內容,閉引號」承接前面的內容;逗號與句號也不是可任意孤立的裝飾。教具A固定CSS line-break:strict,B可切anywhere反例,原文不變。 anywhere讓更多位置可以斷行,用來暴露語句單位被拆開的風險;它不是某出版地區的完整「不處理」模式。strict是瀏覽器CSS要求,不是對W3C中文排版需求全文的認證。

標點擠壓調整的是可調空間

標點的字面與周圍佔位要分開。clreq §6.3.2區分可調整空間、連續標點與行首行尾情境,也說明臺灣與其他地區的處理風格可能不同;並非所有標點都可任意縮半。 本頁用halt半寬佔位作有限比較:只套在示例中的開引號、閉引號、逗號、冒號與句號,不把字形做scaleX壓扁。它不是逐行判定可調空間的完整演算法,若字型沒有對應功能,實際佔位可能不變。下方讀數量的是本次「「」,」三個符號的DOM佔位,不是視覺墨跡寬度。

擠壓可能改變換行,卻不取代禁則

某些空白被收緊後,前一行可能容得下原來要推出的字,因此斷點也可能改變。先固定內容與容器,只改B標點,再看實際各行;不要同時改字體、寬度後把結果全歸給擠壓。 本例沒有重建先擠進、後推出與完整兩端對齊流程。平視校樣保留左齊右不齊,便於看原始斷點;不能把其外觀當所有中文書籍的排樣模板。

反例:換寬度與內容後重查

把共同寬度從240改到180,再換「檔名與量值反例」。原來沒有發生的斷點問題可能浮現;長英數串還可能超出紙樣。多加字距或全面允許任意斷行,不能同時保證語義與外觀。 實際文件要依出版地區、內容目的和輸出引擎檢查。這裡沒有直排、詩行、古籍或原生設計軟體測試;描述你看到的條件與代價,停止於此樣本。

步驟與觀察

  1. 讀原文,建立固定基準

    重設校樣,兩版同為240px、18px、strict及原生標點。先讀可選取原文,再看實際各行;A與B沒有內容差異。

  2. 只改B換行

    把B切anywhere,查看行首/行尾的引號與點號;再回strict。逐行讀數來自平視DOM,不是預先列好的標準答案。

  3. 只改B標點佔位

    回strict後切halt。看三符號佔位與斷點,說明是否真的變化;不要把半寬佔位調整稱為所有標點的擠壓規則。

  4. 換條件並沿關係補讀

    縮到180、換檔名素材,檢查舊結論。補讀中西混排後返回、重載保留本頁條件;重設只改本頁。

常見問題

把所有標點水平壓扁叫禁則

禁則先談可斷位置,擠壓談特定空間;字形變形是另一件事。分開比較。

strict就等於完整clreq實作

註明實際瀏覽器、CSS選項、樣本與未涵蓋項,不能由一段排樣推論完整相容。

繁體中文必須使用單一標點風格

先確認出版地區與體例;字體、文字繁簡與地區規則不能互相取代。

適用範圍與證據

原教材查核日期:2026-10-23 適用範圍:繁中橫排與英數混排的跨工具觀察;使用本地Noto Sans TC與Manrope,不提供工具選單。 來源狀態:實讀W3C clreq 2026-10-07 群組 Note Draft §1.2、6.1.1、6.3.2、6.3.3;§5.7仍TBD,不拿它證明數字格式。量值單位另核NIST SP811 Chapter7 §7.2及7.6;IBM 文字 Basics/縮放僅品牌排樣啟發,不作中文禁則來源。 示意限制:原創兩段混排文,重用QZ23雙座校樣架;平視可選取DOM由同一狀態驅動。範圍按實際行高歸組字元,標點span實測佔位。CSS strict/anywhere、OpenType halt比較不等於完整clreq引擎。0.25em顯示字距不插資料空格;量值不拆行是本站排樣選擇。 原生軟體實測:僅網站Chromium的原生文字排樣;未實測Photoshop、Illustrator、Figma、印刷及全部瀏覽器/字型。 學習成效驗證:無真人閱讀、眼動或學習成效研究;行數、較緊與較整齊都不是品質分數。

參考來源

來源依原教材逐頁維護;本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤,歡迎來信提出具體段落與版本。

相關知識