<ruby>: O Elemento RUBY
Última atualização: 2026-10-13
<ruby>O Elemento RUBY
Adiciona pronúncia/anotação (pinyin, kana) a texto do Leste Asiático; a anotação é dada por rt, opcionalmente envolvido por rp.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </ruby> tag |
| Status | Padrão |
📝 Sintaxe
<ruby>漢<rt>かん</rt></ruby>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <ruby> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： ruby tem suporte nativo para anotações; navegadores sem suporte ignoram rt.
❓ Perguntas Frequentes
QPara que serve a tag ruby?
A
<ruby> exibe anotações fonéticas: texto base + anotação em fonte pequena acima. Uso típico: furigana japonês e pinyin chinês, como <ruby>漢字<rt>かんじ</rt></ruby> — o navegador posiciona a anotação acima do texto automaticamente.QO que são rt e rp?
A
<rt> é o corpo da anotação (pinyin/kana); <rp> são parênteses de fallback — exibidos quando o navegador não suporta ruby (como <rp>（</rp><rt>かんじ</rt><rp>）</rp>), e ocultados automaticamente em navegadores com suporte. Navegadores modernos todos suportam; rp é hoje escrita defensiva.QComo escrever anotações de pinyin em chinês?
AUm grupo ruby por caractere:
<ruby>汉<rt>hàn</rt></ruby><ruby>字<rt>zì</rt></ruby>. Colocar a palavra inteira num único ruby aperta os pinyins juntos e dificulta o alinhamento; agrupar caractere a caractere é a composição mais estável.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
