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

提問人：劉團圓發(fā)布時間：2020-11-06

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

基本語法如下：

<ruby>

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

</ruby>

或者

<ruby>

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

</ruby>

本例中采用兩種方式對中文“睚眥”進行注音。

代碼如下：

<!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>

相關視頻回答

回復(0)