rp
适用DTD:XHTML1.1 适用浏览器:IE5+ MacIE5+
释义
标注无法对应时显示的括号(ruby parentheses)
语法
<rp 属性="属性值">~标签内容~</rp>
<rp 属性="属性值">~标签内容~</rp>
说明
rp元素用来显示无法对应标注时所使用的符号(通常是括号)
在没有支持标注的浏览器中,标注文字(注音符号)会被当成一般文字显示,rp元素就是来显示标注文字(注音部分)的开头和结尾括号。若浏览器支持标注,则不会显示rp元素所包括的括号(不会显示rp元素的标签内容)。可见,此元素是为了兼容不支持注音标注的浏览器而设置的
rp为ruby元素的子元素,只能置于ruby元素的标签内容中,而在应用时一定要在rt元素的前、后放上成对的括号
示范
<ruby><rb>待注文本</rb><rp>(</rp><rt>注音符号</rt><rp>)</rp></ruby>
范例
下面的例子显示了XHTML文件基础结构: 运行打印
下面的例子显示了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'>とう</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>きょう</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</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'>トウ</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>キョウ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">tō</td>
<td style="text-align: center; font-size: 120%">kyō</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</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'>ㄅㄟ</font>ˇ</td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>ㄐㄧㄥ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">běi</td>
<td style="text-align: center; font-size: 120%">jīng</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</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'>とう</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>きょう</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</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'>トウ</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>キョウ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">tō</td>
<td style="text-align: center; font-size: 120%">kyō</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</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'>ㄅㄟ</font>ˇ</td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>ㄐㄧㄥ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">běi</td>
<td style="text-align: center; font-size: 120%">jīng</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>