資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 HTML5 中顯示注音？
註釋是可以在 Web 文件或文件的特定部分新增的外部備註。它們可以是評論、筆記、解釋或其他型別的備註。由於它們是外部的，因此任何 Web 文件都可以在不更改實際文件的情況下獨立進行註釋。
讓我們深入文章，瞭解 HTML5 中的注音。
HTML5 中的注音
HTML 元素 <ruby> 表示顯示在主文字上方、下方或旁邊的簡短註釋，通常用於演示如何發音東亞字元。其他型別的文字也可以用它進行註釋，儘管這種應用不太流行。
為了生成單詞和短語的註釋或發音說明，<ruby> 元素與 <rt> 元素結合使用。用 <rt> 標記括起來的註釋將顯示為主文字上方的較小文字，主文字應括在 <ruby> 標記中。
對於不支援此樣式的瀏覽器，可以使用可選的 <rp> 元素將圓括號包裹在注音內容周圍，以指示注音的存在。下表列出了此標記的版本歷史記錄和使用上下文。
語法
以下是 <ruby> 的語法。
<ruby attributes> Contents... </ruby>
讓我們看看以下示例，以瞭解更多關於如何在 HTML5 中顯示注音的資訊。
示例
考慮以下情況，其中 <ruby> 標記顯示操作。
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align: center;
}
rt{ font-size: 10px;
color: red;
}
</style>
</head>
<body>
<p>Telugu Language Annotation</p>
<ruby>
పెద్ద అన్నయ్య<rt>Big Brother</rt>
</ruby>
<p>Normal Annotation Representation</p>
<ruby>
2022<rp>(</rp><rt>Year</rt><rp>)</rp>
12<rp>(</rp><rt> Month</rt><rp>)</rp>
06<rp>(</rp><rt>Date</rt><rp>)</rp>
</ruby>
</body>
</html>
輸出
當指令碼執行時，它將生成一個輸出，該輸出包含一段文字，該文字是使用 <ruby> 標記顯示在網頁上的亞洲語言註釋和普通註釋表示形式。
示例
讓我們考慮另一個 <ruby> 標記用法示例。
<!DOCTYPE html>
<html>
<head>
<title>ruby tag</title>
</head>
<body>
<ruby>
వర్మ <rp>(</rp><rt>Varma</rt><rp>)</rp>
</ruby>
</body>
</html>
輸出
執行上述指令碼後，它將生成一個輸出，該輸出包含在上面提到的指令碼中使用的帶有 <ruby> 標記的文字。
示例
您可以嘗試執行以下程式碼以顯示文字注音 -
<!DOCTYPE html>
<html>
<head>
<title>HTML Rt Tag</title>
</head>
<body>
<ruby>
అసతోమా <rp>(</rp><rt>Asatooma</rt><rp>)</rp>
సద్గమయ <rp>(</rp><rt>Sadgamaya</rt><rp>)</rp>
</ruby>
</body>
</html>
輸出
當指令碼執行時，它將生成一個輸出，該輸出包含在上面提到的指令碼中使用的帶有 <ruby> 標記的測試。
更新於： 2023年10月11日
386 次瀏覽
廣告