Marca <tt> em HTML

Neste artigo, abordaremos o Tag tt por meio de exemplos . Com o objetivo de atender aos requisitos de aprendizagem.

A tag <tt> em HTML é uma tag obsoleta que foi usada para marcar o texto como sendo um teletipo ou fonte monoespaçada, frequentemente usada para exibir código de computador ou saída de linha de comando. Era comumente usado nos primeiros dias da web, mas desde então foi substituído pela tag mais semântica <code> .

A seguir estão os exemplos de <strong>Tag Tt</strong>:

Você também pode usar a tag <código> elemento para obter o mesmo resultado da tag <strong><tt></strong>:

Example: 

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>This is some normal text.</p>
<code>This is some teletype text.</code>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

CSS pode ser aplicado para criar texto de teletipo aqui está um exemplo:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
.teletype {
font-family: 'Courier', monospace;
}
</style>
</head>
<body>
<p>This is some normal text.</p>
<p class="teletype">This is some teletype text created by css.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A tag <pre> também pode ser empregada para criar texto de teletipo:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<style>
pre {
font-family: 'Courier', monospace;
}
</style>
</head>
<body>
<pre>This is some teletype text created by pre element</pre>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Dica: Mais detalhes sobre como escolher tipos de fonte em um documento serão incluídos em nosso tutorial de CSS.


Por que a tag <tt> foi obsoleta?

A tag <tt> foi obsoleta em HTML porque é uma tag de apresentação, o que significa que foi usada para definir como o texto deveria aparecer na página, em vez do que o texto significava ou qual era sua finalidade. No desenvolvimento web moderno, a tendência é separar conteúdo e apresentação usando HTML semântico, que fornece uma estrutura mais significativa para documentos web.

O uso de tags de apresentação como <tt> pode tornar mais difícil para os desenvolvedores da Web manter e atualizar seu código, pois alterações no design ou no layout da página também podem exigir alterações na marcação HTML. Além disso, tags de apresentação não fornecem nenhum significado ou contexto para tecnologias assistivas como leitores de tela, que são usados ​​por pessoas com deficiência para acessar a web.

A abordagem recomendada no desenvolvimento da Web moderno é usar tags HTML semânticas como <code> para marcar o texto que deve ser exibido em uma fonte monoespaçada, como trechos de código ou saída de linha de comando. Marcas semânticas fornecem uma estrutura mais significativa para documentos da web, tornando-os mais fáceis de entender e manter, e também fornecem contexto para tecnologias assistivas, tornando o conteúdo mais acessível para pessoas com deficiência.

Nota: A tag Tt <tt> foi incluída no HTML 4 para indicar o texto do teletipo.

<tt> Substituição de tags

Você pode usar a tag <kbd> (para exibir a entrada do teclado), a tag <var> (para exibir variáveis), a tag <code> (para exibir o código do computador), a tag <samp> (para exibir a saída do computador), ou você pode implementar CSS em vez disso.


Tag HTML <tt> Importância

A tag <tt> em HTML não é mais importante no desenvolvimento web moderno. Na verdade, foi obsoleto e não deve ser usado em novos códigos. A tag foi originalmente usada para exibir texto em uma fonte monoespaçada, mas foi substituída pela tag <code> mais semântica , que agora é a maneira recomendada de marcar trechos de código e outros textos que devem ser exibidos em uma fonte monoespaçada.

A importância de usar tags HTML semânticas como <code> é que elas fornecem uma estrutura mais significativa para os documentos da web. Isso torna mais fácil para os desenvolvedores da Web manter e atualizar seu código, pois as alterações no design ou no layout da página podem não exigir alterações na marcação HTML. Além disso, tags semânticas fornecem contexto para tecnologias assistivas como leitores de tela, tornando o conteúdo mais acessível para pessoas com deficiência.

No geral, embora a tag <tt> possa ter sido importante nos primeiros dias da web, ela não é mais relevante ou útil no desenvolvimento web moderno. Em vez disso, os desenvolvedores da Web devem se concentrar no uso de HTML semântico para fornecer significado e contexto a seus documentos da Web, tornando-os mais acessíveis, sustentáveis ​​e preparados para o futuro.

Deixe sua reação abaixo se quiser encorajar nossos esforços ou se quiser fornecer um feedback digno que possa trazer melhorias para este site.
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