元素rp

HTML文件的基本结构

rp
适用DTD:XHTML1.1   适用浏览器:IE5+ MacIE5+
释义 标注无法对应时显示的括号(ruby parentheses)

语法
<rp 属性="属性值">~标签内容~</rp>

说明
rp元素用来显示无法对应标注时所使用的符号(通常是括号)
在没有支持标注的浏览器中,标注文字(注音符号)会被当成一般文字显示,rp元素就是来显示标注文字(注音部分)的开头和结尾括号。若浏览器支持标注,则不会显示rp元素所包括的括号(不会显示rp元素的标签内容)。可见,此元素是为了兼容不支持注音标注的浏览器而设置的
rp为ruby元素的子元素,只能置于ruby元素的标签内容中,而在应用时一定要在rt元素的前、后放上成对的括号

属性
属性 属性值 说明
① 通用属性:id、class、title、style、dir、lang、xml:lang 查看
nbsp;

示范
<ruby><rb>待注文本</rb><rp>(</rp><rt>注音符号</rt><rp>)</rp></ruby>

范例
下面的例子显示了XHTML文件基础结构: 运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
<title>注音标注元素:ruby rb rp rt</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2 style="margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: 1px solid #aaaaaa; font-size: 150%;">旁註標記的範例</h2>
以下的例子將會使用表格來表示「<strong>東京</strong>」於<i>日語拼音</i>顯示日式的 Ruby 字元:
<p>
<table border=1 cellpadding=5>
<tr>
<th>平假名</th>
<th>片假名</th>
<th>日語羅馬字</th>
</tr>
<tr>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12392;&#12358;</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12365;&#12423;&#12358;</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#26481;</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#20140;</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12488;&#12454;</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12461;&#12519;&#12454;</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#26481;</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#20140;</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">t&#333;</td>
<td style="text-align: center; font-size: 120%">ky&#333;</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#26481;</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#20140;</font></td>
</tr>
</table></td>
</tr>
</table>
<p><i>注意:字型會加大以顯示上面的資料。</i>
<p>以下的例子將會使用表格來表示以「<strong>北京</strong>」顯示的 Ruby 字元:
<p>
<table border=1 cellpadding=5>
<tr>
<th>注音符號</th>
<th>漢語拼音</th>
</tr>
<tr>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12549;&#12575;</font>&#711;</td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>&#12560;&#12583;&#12581;</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#21271;</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#20140;</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">b&#283;i</td>
<td style="text-align: center; font-size: 120%">j&#299;ng</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#21271;</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>&#20140;</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

参阅
ruby
rt
rb