<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嚗憿隡潦撱踴瘚研璅摮箇曉其蝭璅閮餅釣喟蝡鋆⊿剜嚗閰脫暻潭喉曉冽冽瘜券喟銋芣撠隤脫穿雿啗情銝剖摮賊瘝圈蝔桃摨衣摮扼

Received on Tuesday, 28 September 2010 05:38:05 UTC