Tag <rt> Em HTML

O objetivo deste post é fornecer aos alunos uma visão geral do Tag Rt acompanhado de exemplos.

A tag <rt> em HTML é usada em conjunto com a tag <ruby> para especificar a pronúncia, tradução ou transliteração de caracteres na tipografia asiática.

O recurso de anotação do Ruby permite que pequenas anotações de texto sejam colocadas acima ou abaixo do texto principal de um documento, geralmente para fornecer informações de pronúncia ou tradução para falantes não nativos de um idioma.

A tag <rt> é usada para especificar a pronúncia, tradução ou transliteração dos caracteres dentro da tag <ruby> . O conteúdo dentro da tag <rt> é exibido como pequenas anotações de texto acima ou abaixo do texto principal.

Aqui está uma anotação em Ruby:

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<ruby>
æ¼¢<rp>(</rp><rt>kan</rt><rp>)</rp>å·
</ruby>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo da tag <rt> :

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<ruby>
生<rt>sheng1</rt>命
</ruby>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Você pode aplicar CSS à tag <rt> da seguinte maneira:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<style>
ruby {
font-size: 1.2em;
line-height: 1.5;
}
rt {
font-size: 0.8em;
color: maroon;
text-shadow: 0px 0px 2px #000;
}
</style>
</head>
<body>
<ruby>
生<rt>sheng1</rt>命
</ruby>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Uso de Tag Rt

A tag Rt <rt> indica uma interpretação ou explicação dos caracteres (relacionados à tipografia do Leste Asiático) para uma anotação em rubi .

Coloque <rp>junto com <ruby> e <rt> : A tag <ruby> contém um ou vários caracteres que requerem esclarecimento/pronúncia, e um elemento <rt> fornece a explicação e um <rp>elemento adicional indica qual texto exibir para navegadores que o fazem não aceita anotações ruby.

A tag <rt> em HTML é usada em conjunto com a tag <ruby> para especificar a pronúncia, tradução ou transliteração de caracteres na tipografia asiática.

Usos Comuns

Aqui estão alguns usos comuns da tag <rt> :

  • A tag <rt> é frequentemente usada para fornecer informações de pronúncia para falantes não nativos de um idioma. Ao especificar a pronúncia de um caractere dentro da tag <rt>, você pode ajudar os leitores a pronunciar corretamente o caractere durante a leitura do texto.
  • A tag <rt> também pode ser usada para fornecer informações de tradução para leitores que podem não estar familiarizados com o idioma usado no texto. Ao especificar a tradução de um caractere dentro da tag <rt>, você pode ajudar os leitores a entender o significado do caractere no contexto do texto.
  • A tag <rt> também pode ser usada para fornecer informações de transliteração para caracteres em tipografia asiática. A transliteração envolve a representação dos caracteres de um sistema de escrita com os caracteres de outro sistema de escrita, geralmente com o objetivo de tornar o texto mais fácil de ler para falantes não nativos.
  • O uso da tag <rt> pode ajudar a melhorar a acessibilidade do seu conteúdo para usuários com deficiências, especialmente aqueles que usam leitores de tela. Ao fornecer informações de pronúncia, tradução ou transliteração dentro da tag <rt>, você pode garantir que todos os usuários possam acessar as informações fornecidas pelo texto Ruby.

Compatibilidade do navegador

Listadas na tabela estão as versões do navegador compatíveis com o elemento.

Elemento
<rt> 5,0 5.5 38,0 5,0 15,0

Atributos

Global

Os Tag Rt <rt> são compatíveis com os Atributos Globais em HTML .

Evento

A Tag Rt <rt> também aceita os Atributos de Evento em HTML .


CSS predefinido

A seguir estão os valores padrão que aparecem na maioria dos navegadores para o elemento <rt>:

rt {
line-height: normal;
}

Vantagens de Tag Rt

Aqui estão algumas vantagens de usar a tag <rt> :

  • O uso da tag <rt> pode ajudar a melhorar a acessibilidade do seu conteúdo para usuários com deficiências, especialmente aqueles que usam leitores de tela. Ao fornecer informações de pronúncia, tradução ou transliteração dentro da tag <rt>, você pode garantir que todos os usuários possam acessar as informações fornecidas pelo texto Ruby.
  • A tag <rt> é semanticamente correta e fornece uma indicação clara da finalidade do conteúdo dentro dela. Isso pode ajudar a melhorar a legibilidade e a manutenção do seu código.
  • A tag <rt> é compatível com todos os principais navegadores da Web, incluindo o Internet Explorer 11 e o Microsoft Edge. Isso significa que você pode usar a tag <rt> com confiança, sabendo que ela será compatível com a maioria dos navegadores de seus usuários.
Se este artigo foi informativo o suficiente para atender aos seus desejos educacionais, compartilhe-o com seus amigos clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone