HTML - <rp> 標籤

HTML <rp> 標籤用於為不支援使用 <ruby> 標籤 顯示 ruby 註解的瀏覽器提供圍繞 ruby 文字的備用括號。這是一個包含在 HTML5 中的新標籤。<rp> 標籤必須用括號括住 <rt> 標籤，該標籤包含註釋的文字。

語法

<rp>.....</rp>

屬性

HTML rp 標籤支援 HTML 的全域性和事件屬性。

HTML rp 標籤示例

在以下示例中，我們將看到使用案例，在何處以及如何使用 HTML rp 標籤來提供圍繞 ruby 文字的備用括號。

使用 rp 標籤包含 Ruby 文字

在以下示例中，我們建立了一個使用 <rp> 標籤包含的 ruby 文字。

<!DOCTYPE html>
<html>
<head>
   <style>
      ruby {
         font-size: 2em;
      }
   </style>
</head>
<body>
   <ruby> 漢 <rp>(</rp>
      <rt>kan</rt>
      <rp>)</rp> 字 <rp>(</rp>
      <rt>ji</rt>
      <rp>)</rp>
   </ruby>
</body>
</html>

設定 rp 元素的樣式

考慮以下示例，我們使用 <rp> 標籤建立了一個 HTML 文件，並使用 CSS 屬性對其進行樣式設定。

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         text-align: center;
      }

      ruby {
         font-size: 3em;
         color: green;
      }
   </style>
</head>
<body>
   <h3>HTML rp Tag</h3>
   <ruby> 漢 <rp>(</rp>
      <rt>kan</rt>
      <rp>)</rp> 字 <rp>(</rp>
      <rt>ji</rt>
      <rp>)</rp>
   </ruby>
</body>
</html>

在不支援 Ruby 註解的情況下應用 rp 標籤

讓我們看一下下面的示例，我們將使用 <rp> 元素向不支援 Ruby 註解的使用者代理顯示括號。

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
      text-align: center;
      }

      ruby {
      font-size: 2em;
      color: #808000;
      }
   </style>
</head>
<body>
   <h3>Example of rp tag </h3>
   <ruby> 漢 <rp>(</rp>
      <rt>かん</rt>
      <rp>)</rp> 字 <rp>(</rp>
      <rt>じ</rt>
      <rp>)</rp>
   </ruby>
</body>
</html>

支援的瀏覽器

標籤
rp	是 5.0	是 5.5	是 38.0	是 5.0	是 15.0

html_tags_reference.htm

列印頁面