Re: <ruby> 應用上的幾個問題

雿銝憟賣嚗瘝潛曉銝閬鈭箔閫銝航炊嚗鞎潔銋敺嚗渡潛策憭批振


> 憭批振憟踝銋靘潛閮隢扼舀典祕其啁憿
> 銝W交 Webkit (Safari嚗銝) 舀渡 <ruby>  Firefox嚗銝嚗隞 CSS 撖虫 <ruby> 
> 
> 
> 
> 
> 隞乩 HTML 隤瘜嚗箔嫣噶梯嚗銝鈭蝮格蝛箇質銵嚗銝銝剔 HTML 賣隞颱蝛箇踝嚗
>> <p>
>>  <b class="proper-noun">
>> 		<ruby>
>> 			<rp>嚗</rp><rt></rt><rp>嚗</rp>
>> 			<rp>嚗</rp><rt>押</rt><rp>嚗</rp>
>>   </ruby>
>>  </b>
>>  <ruby>
>>   <rp>嚗</rp><rt>具</rt><rp>嚗</rp>
>>   銝<rp>嚗</rp><rt>佯</rt><rp>嚗</rp>
>>   嚗
>>   銝<rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   <rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   鈭<rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   閬<rp>嚗</rp><rt>扼〩</rt><rp>嚗</rp>
>>   鈭<rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   <rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   <rp>嚗</rp><rt></rt><rp>嚗</rp>
>>   撠<rp>嚗</rp><rt>扼</rt><rp>嚗</rp>
>>   憪<rp>嚗</rp><rt></rt><rp>嚗</rp>
>>     <!---->
>>   憡<rp>嚗</rp><rt class="er">扼扎</rt><rp>嚗</rp>
>>   
>>  </ruby>
>> </p>
> 
> W3C 蝔輯ㄐ撖怨牧嚗rt 撠梁銝 ruby 摮蝝舀銝璅 [1]嚗雿 Webkit 銝哨ruby > b > rt 撠梁⊥鈭嚗隞乩Y典拙 ruby 寞 b.proper-noun > ruby > rt
> 
> 
> Webkit 撌脩舀湧璅蝐歹隞交芣閮剖摮擃憭批嚗
>> body.browser-webkit ruby rt {  font-size: .35em;  }
> 
> Firefox 瘝舀湧璅蝐歹隞交 CSS 璅撖恬
>> ruby rp {  display: none;  }
>> 
>> body.browser-gecko ruby rt,
>> body.browser-opera ruby rt,
>> body.browser-msie  ruby rt {
>>     display: inline-block;
>>     height: .35em;
>>     margin: 0 .1em 0 -3.5em;
>>     padding: 0 -.2em 0 .2em;
>>     position: relative;
>>     text-align: center;
>>     top: -2.6em;
>>     width: 4.5em;
>> }
>> 
>> /*  */
>> body.browser-gecko ruby rt.er,
>> body.browser-opera ruby rt.er,
>> body.browser-msie  ruby rt.er {
>>     margin: 0 1.5em 0 -5.5em;
>>     width: 5.8em;
>> }
> 
> 
> body.browser-XXXX  class 舐 JS 敺蝡舐撘文亙銝
> 喟 class .er  JS 賢臭誑
> 
> 血閮剖鈭撠冽嚗
>> b.proper-noun:lang(zh) {
>>     text-decoration: underline;
>> }
> 
> 
> 唬Y嚗潭摮頝其遢嗥嗆 Safari 蝯瘥頛甇蝣綽隞 <rt> 撖砍漲靘瘙箏摮撖研
>  CSS 舐∟ rt 鋆⊥憭撠摮賭誑 4.5em 雿撖砍漲嚗啜喋 5.8em銝其遢隞亙鋡怎閬賢典祕雿嚗隞仿賢芣舀急閫瘜銝敺憭批振瘝嗅瘥頛撠寞嚗
> 嚗 width: auto; 臭銵嚗 margin-left 鋆∟皜銝 width 貊嗥詨潦嚗
> 
> 憿嚗唳璅閮餅釣喟瞍W嚗Webkit 梁其摮瘜券喉撠喋撠曹閬憭嚗憒銝憪憡嚗雿唳暺蝚西銝單閮餅釣喟摮嚗舀梁冽釣喉銝孵銝扼yiY暺梁剁蝣啣啜璅暺蝚西嚗蝯虫蝛箇 <rt> 撠勗臭誑閫瘙綽憒銝嚗Webkit嚗嚗雿隤粹啜銝單閮餅釣喟瞍W嚗臬云蝪∪桃摮嚗蝯虫蝛箇 <rt> 刻銝暺芣芰銝敺憭批振瘜荔
> 
> 
> 敺賡芥砌蜓拙銝撠嚗曉 b.proper-noun 銝隞颱蝝賣摨蝺雿 CSS  rt 霈 inline-block嚗隞交釣喃V撠Webkit 餅
> 隞 W3C 璅皞閫摨虫隤迎Webkit 閰脫荔駁鈭銝剜摮閬嚗璅閮餃冽慰摮瘜券喃璅暺蝚西嚗
> 
> 
> http://www.w3.org/TR/html5/text-level-semantics.html#the-rt-element

> 
> 
> p.s. 喳圈喟瞍W嚗憿隡潦撱踴瘚研璅摮箇曉其蝭璅閮餅釣喟蝡鋆⊿剜嚗閰脫暻潭喉曉冽冽瘜券喟銋芣撠隤脫穿雿啗情銝剖摮賊瘝圈蝔桃摨衣摮扼
> 
> 



 Sep 28, 2010 8:21 PM 嚗 Yuan Chao 撖怠堆

> 2010/9/28 Ethan Chen <chief@ethantw.net>
> 憭批振憟踝銋靘潛閮隢扼舀典祕其啁憿
> 銝W交 Webkit (Safari嚗銝) 舀渡 <ruby>  Firefox嚗銝嚗隞 CSS 撖虫 <ruby> 
> 銝憟賣嚗銝啜銝
> 血嚗銝湔憿嚗扼瘜券喉璈急貊啣閰脫渡舀帖嚗撠望孵摮靘隤迎摮頝賣臭璅瘝啜
> 
> 唬Y嚗潭摮頝其遢嗥嗆 Safari 蝯瘥頛甇蝣綽隞 <rt> 撖砍漲靘瘙箏摮撖研
> 韏瑚 Firefox 摮舀憿嚗拙摮ruby箸砌賡其韏瑯Y瘜券喃嚗銝虫臭蝚西銝喋
>  
> p.s. 喳圈喟瞍W嚗憿隡潦撱踴瘚研璅摮箇曉其蝭璅閮餅釣喟蝡鋆⊿剜嚗閰脫暻潭喉曉冽冽瘜券喟銋芣撠隤脫穿雿啗情銝剖摮賊瘝圈蝔桃摨衣摮扼
> 寞脤典隤颲剖賂
> 撱   瘜券喃撘嚚〩
> 瘚   瘜券喃撘嚚
> 
> 撠曹誑交瘜荔撠望喟賢脣鳴敺摮頝靘ruby隤踵氬雿擐砌唬餈郢uby瑕憿
> 
> 
> -- 
> Best regards,
> Yuan Chao

Received on Tuesday, 28 September 2010 12:48:23 UTC