Home > Web Front-end > Front-end Q&A > What is the meaning of ruby ​​tag in html5

What is the meaning of ruby ​​tag in html5

WBOY
Release: 2021-12-17 14:03:56
Original
2262 people have browsed it

The ruby ​​tag in HTML5 means "annotation". The ruby ​​tag is used to mark definition comments or phonetic symbols. It is used together with the rp and rt tags. The syntax is " element(Comment content)".

What is the meaning of ruby ​​tag in html5

The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.

What is the meaning of ruby ​​tag in html5

tag definition ruby ​​comment (Chinese phonetic phonetic or character). Used in East Asia, showing the pronunciation of East Asian characters. Used with the and tags: The

ruby element consists of one or more characters (requiring an explanation/pronunciation) and an rt element that provides that information, optionally The rp element defines the content displayed when the browser does not support the "ruby" element.

Tag defines annotation or phonetic notation.

Tells browsers that do not support ruby ​​elements how to display them.

tag defines the content text of the Ruby comment.

The example is as follows:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<ruby>
  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
</body>
</html>
Copy after login

Output result:

What is the meaning of ruby ​​tag in html5

Recommended tutorial: "html video tutorial"

The above is the detailed content of What is the meaning of ruby ​​tag in html5. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template