3.2.6旁注<ruby>/<rt>/<rp>

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-06

<ruby>、<rt>和<rp>是HTML5的新增標(biāo)記。<ruby>標(biāo)記定義需要被旁注的文本；<rt>標(biāo)記定義文本的注音或解釋，還包括可選的<rp>元素，定義當(dāng)瀏覽器不支持<ruby>元素時(shí)顯示的內(nèi)容。

基本語法如下：

<ruby>

文本<rt>文本的注音或解釋</rt>

</ruby>

或者

<ruby>

文本<rt><rp>(</rp>文本的注音或解釋<rp>)</rp></rt>

</ruby>

本例中采用兩種方式對(duì)中文“睚眥”進(jìn)行注音。

代碼如下：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>龍生九子之睚眥<h1>

<ruby>

睚眥<rt>ya zi</rt>

</ruby>

<br/>

<ruby>

睚眥<rt><rp>(</rp>ya zi<rp>)</rp></rt>

</ruby>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)