<rt>: O Elemento RT

Última atualização: 2026-10-13

<rt>O Elemento RT

A parte de pronúncia/anotação dentro de ruby, logo após o texto anotado.

CategoriaConteúdo de Texto
Modelo de ConteúdoConteúdo de fluxo
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </rt> tag
StatusPadrão

📝 Sintaxe

<rt>leitura</rt>

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<rt> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Suportado em todos os navegadores principais
Dica: rt deve ficar dentro de ruby; vários caracteres anotados podem compartilhar um rt.

❓ Perguntas Frequentes

QO tamanho da fonte da anotação em rt pode ser ajustado?
ASim, <rt> é um elemento normal: o navegador reduz a fonte por padrão (cerca de 50%) e a posiciona acima do texto base, tudo sobreponível por CSS (font-size, color etc.). Atenção: fonte grande demais comprime o entrelinha; para pinyin, mantenha entre 50% e 70%.
Qrt precisa ser usada com ruby?
ASim, <rt> só existe dentro de <ruby>, fornecendo a anotação do texto base adjacente. Fora do ruby não é válida e não produz nenhum efeito de anotação.
QComo anotar um caractere com várias leituras?
AColoque vários <rt> no mesmo <ruby>; o navegador os empilha (anotações em várias linhas), útil para caracteres com múltiplas pronúncias. Para alternar a leitura interativamente, substituir o conteúdo do rt via JS é mais prático.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%