coscup 2015 中文排版需求以及我在w3c看到的事情(薄碼版)
TRANSCRIPT
![Page 1: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/1.jpg)
「中文排版需求」 以及我在W3C看到的事情
Bobby Tung(董福興) W3C i18n WG Invited Expert
Co-chair of Chinese Text Layout Task Force
![Page 3: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/3.jpg)
走進標準化的(;´༎ yД༎ y`)史
![Page 4: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/4.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
![Page 5: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/5.jpg)
EPUB 2 EPUB 3
緊急調用十年前的規格 基於XHTML、CSS2
適用於Latin語系
使用較新的技術調整 基於HTML 5、CSS 3 適用於各種語言文字
![Page 6: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/6.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
![Page 7: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/7.jpg)
背景: EPUB格式申請成為ISO標準,於2013進行3.0.1改訂。
事由:
JEPA CTO 村田 真
XML/OOXML專家
EPUB 3
-epub-ruby-align:
-epub-ruby-position:
沒有人知道,沒有人回應。
![Page 8: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/8.jpg)
比沒有人做還可怕的是: 假裝一切都做好了。
![Page 9: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/9.jpg)
8,000萬
還有很多事
民國100年的狀況,看來一切美好
![Page 11: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/11.jpg)
![Page 12: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/12.jpg)
EPUB
XHTML 5
CSS 3
UTF
電子書技術與相關標準化組織
![Page 13: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/13.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
W3C
![Page 14: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/14.jpg)
![Page 15: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/15.jpg)
國際標準化不是舞會 是戰場
![Page 16: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/16.jpg)
⿃ㄋㄧㄠ
100%
100% 25%
25%
25%
25%
ˇ
25%
25%
![Page 17: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/17.jpg)
align issue
inline issue letter spacing issue investigating
![Page 18: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/18.jpg)
![Page 19: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/19.jpg)
![Page 20: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/20.jpg)
問題很多,人力有限 每一項都需要彈藥與時間
![Page 21: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/21.jpg)
W3C home > Mailing lists > Public > [email protected] > August 2010
From: pingooo Date: Thu, 26 Aug 2010 03:18:29 +0800 To: John Hax Cc: oldcatJohn Hax 2010 8 26 2:28
> jlreq CSS3 properties>>
>>
20 HTML
jlreq 123 W3C oldcat
![Page 22: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/22.jpg)
JLREQ (T)CLREQ
CLREQ Task Force
CLREQ
i18n WG
Gap Document
HTML
CSS
WG/IG Notes
![Page 23: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/23.jpg)
D7C % (), ) )( 2 , )
1.1 每m
tm 點体 t mm 過部~章⼭山最 o 點已於m
q已 得 像如⼦子⼀一 mm請 着 r 地
m要 難如 ⼈人m那 望 q 国出 流n 動 s m要 ⻑⾧長 少 那 ⼼心⼤大
⼀一
1.2 m 明
I 5 N]N[R R Ne ba FN X 8 PR問 ‘ 以 r 說 m国出 頭下m那 望 来 r道 m 活3& 地m下 區習 E J ,(-) m 地 m
求受4& 来 點 幾點 m下 區
3[aR[[N: b R b aEe aRZm以5& I 5m5EE EH9 JE 點空 道 問m 以新 問 来 活 ⾞車~
地要 来 p 時 ⼤大對 I 5m5EE EH9 JE 點空
問 以 給 8NPR a 8NPRm味 難 是 教 太 o秋
哪 m ⽣生 号o m何⽔水 ⽣生m在說
應 m 明 q實知 那 m因 新 rp
I8G:F +)*-(*+(*. 他,3.) ( ,
2.1 點很時 點 o的
2.1.1 點很時 o 點
點很時 o 點 點近
圖*空 點很時 t 點是 ⼩小o被
去近 v 物⼩小點此 問 點此美 點
點 o 近
2.1.2 點
點 點被 去v o 點是 近 點是
o 題 v 點是 o點 動—y 點 o 公
點是 vo 點 o⽐比 得 空近 點位度
點是 o位度近 是 點 s 點很全 o
點是 很 點o試⼀一此 很 s 點o ⼀一近
點 點被 去o是 點 近
圖*空被 去v r 題o ⼗十近
2.1.3 點o 的
點 很全 點 的 點是 ⻄西 完 近
翻譯JLREQ 改寫為TCLREQ
![Page 24: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/24.jpg)
問題:誰來提案?
![Page 25: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/25.jpg)
2013當時會員:中研院、工研院 現在好像不是會員了
![Page 26: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/26.jpg)
申請160萬,補助50% 實際花錢:算了
真正做事的人 實拿錢極少:算了
可以挪一點出來 做會員費嗎?
![Page 27: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/27.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
W3C
W3C TPACCLREQ
![Page 28: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/28.jpg)
幸好那一年的W3C年會 不是在巴黎舉辦
![Page 29: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/29.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
W3C
W3C TPACCLREQ
![Page 30: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/30.jpg)
![Page 31: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/31.jpg)
http://www.w3.org/International/groups/chinese-layout/
![Page 32: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/32.jpg)
2010 2011 2012 2013 2014 2015
EPUB3
W3C
W3C TPACCLREQ
W3C TPACCLREQ
CLREQ FPED
![Page 34: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/34.jpg)
三個(;´༎ yД༎ y`)心得
•
•
•
![Page 35: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/35.jpg)
關於CLREQ
![Page 36: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/36.jpg)
說明排版規則 不談技術細節
![Page 37: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/37.jpg)
回歸中文排版傳統 不以現狀作為依據
![Page 38: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/38.jpg)
不處理「好」的排版 只處理「對」的排版
![Page 39: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/39.jpg)
案例一:段落間距
![Page 40: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/40.jpg)
段落間距=行距,若有空行即為分節,或用於序言、口述。
![Page 41: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/41.jpg)
←都是UA Stylesheet的錯
![Page 42: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/42.jpg)
案例二:最後一行
![Page 43: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/43.jpg)
傳統排版: 決定版心,包括:
字級多大? 一行幾字? 一頁幾行?
字字對齊
![Page 44: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/44.jpg)
InDesign排版: 紙張多大 天地留白 字級多大 頭尾對齊
行行拉撐 末行鬆弛
![Page 45: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/45.jpg)
傳統印刷出版
桌上出版
數位出版
JIS X 4051
JLREQ
InDesign等工具的演進
直排等CSS的制定
![Page 46: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/46.jpg)
郭力昕《書寫攝影》1998 郭力昕《再寫攝影》2013
![Page 47: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/47.jpg)
•
• UA Stylesheet
•
![Page 48: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/48.jpg)
我在W3C看到的事
![Page 49: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/49.jpg)
標準化是集體期許下 朝向共同目標的過程
![Page 50: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/50.jpg)
i18n workshop Webfont提案
↓ Google撰寫草案
↓Monotype與Google實作
![Page 51: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/51.jpg)
![Page 52: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/52.jpg)
![Page 53: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/53.jpg)
![Page 54: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/54.jpg)
![Page 55: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/55.jpg)
![Page 56: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/56.jpg)
The Art of Consensus
![Page 57: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/57.jpg)
W3C很慢 真的很慢
![Page 58: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/58.jpg)
「Chairing a W3C Working Group is frequently compared to herding cats」 摘錄自: Lea Verou. 「CSS Secrets。」
![Page 59: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/59.jpg)
![Page 60: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/60.jpg)
“So we loaded the W3C process into the 3D printer…”
-w3cmemes
http://w3cmemes.tumblr.com
![Page 61: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/61.jpg)
![Page 62: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/62.jpg)
Today in the Digital Publishing IG, members of the IDPF invited the W3C into their glass house.
-w3cmemes
![Page 63: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/63.jpg)
標準化重點不是結果 而是過程
![Page 64: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/64.jpg)
Text-wrap: balance;
![Page 65: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/65.jpg)
![Page 66: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/66.jpg)
![Page 67: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/67.jpg)
Grumpy Bert doesn’t see fancy scroll effects these days because he disables JavaScript. Don’t make him disable CSS too.
-w3cmemes
![Page 68: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/68.jpg)
如何參與?
![Page 69: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/69.jpg)
• Mail-list
•
• HTML 5 Chinese IG
• TPAC 2015
![Page 70: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/70.jpg)
參與W3C的意外所得
![Page 71: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/71.jpg)
「你和CSS之父有相同的目標」
![Page 72: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/72.jpg)
「你獲得了作者簽名書一冊」
![Page 73: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/73.jpg)
「你看到Internet與Web之父同場搞笑」
![Page 74: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/74.jpg)
「你看到Internet與Web之父同場搞笑」
![Page 75: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)](https://reader031.vdocuments.mx/reader031/viewer/2022020918/55d36bf3bb61eb5c428b47b5/html5/thumbnails/75.jpg)
感謝聆聽