共通設計理論 教材 / 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,再換「檔名與量值反例」。原來沒有發生的斷點問題可能浮現;長英數串還可能超出紙樣。多加字距或全面允許任意斷行,不能同時保證語義與外觀。 實際文件要依出版地區、內容目的和輸出引擎檢查。這裡沒有直排、詩行、古籍或原生設計軟體測試;描述你看到的條件與代價,停止於此樣本。
步驟與觀察
讀原文,建立固定基準
重設校樣,兩版同為240px、18px、strict及原生標點。先讀可選取原文,再看實際各行;A與B沒有內容差異。
只改B換行
把B切anywhere,查看行首/行尾的引號與點號;再回strict。逐行讀數來自平視DOM,不是預先列好的標準答案。
只改B標點佔位
回strict後切halt。看三符號佔位與斷點,說明是否真的變化;不要把半寬佔位調整稱為所有標點的擠壓規則。
換條件並沿關係補讀
縮到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、印刷及全部瀏覽器/字型。 學習成效驗證:無真人閱讀、眼動或學習成效研究;行數、較緊與較整齊都不是品質分數。
參考來源
- W3C clreq|2026-10-07 Group Note Draft §6.1.1、6.3.2
- W3C clreq|地區差異 §1.2
- Microsoft OpenType1.9.1|halt(非字形替換)
- W3C CSS Text3|2026-08-14 Candidate Recommendation Draft §5.2
來源依原教材逐頁維護;本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤,歡迎來信提出具體段落與版本。
相關知識
- 中西混排、數字與單位 — 沿原文檢查英數與量值
同一段文字的英文、數字與單位還有資料與語義責任,不能只用中文標點規則解決。
- 字形結構與中西文差異 — 分清字面與佔位
半寬佔位改的是字型提供的排樣結果;先辨認字級、輪廓與前進空間,避免把佔位當墨跡寬度。