Tags HTML e propriedades CSS deprecated que não são mais utilizados
Manter a aplicação atualizada garante compatibilidade, segurança e uma boa experiência do usuário, além de beneficiar diretamente SEO.
César Canteiro em Tempo de leitura: 5 minutos 26 views.
Índice
Com o avanço da tecnologia e a evolução constante das linguagens de programação e também de formatação e estilização de documentos HTML, é fundamental manter sua aplicação atualizada conforme as diretrizes mais modernas, como HTML5 e o CSS3. Isso não só assegura a compatibilidade com navegadores modernos, mas também melhora a experiência do usuário.
Vou mostrar uma lista completa de tags HTML e as propriedades CSS obsoletas para você substituir, inclusive trazendo as soluções para atualizar seu código de maneira eficaz. Mantenha seu código sempre atualizado, semântico e diferenciado.
Embora a maioria dos navegadores ainda suporte tags e propriedades obsoletas, não é recomendado utilizá-las, pois é provável que sejam removidas em futuras versões.
Tabela de tags deprecated do HTML
| Propriedade | Descrição | Propriedade alternativa |
|---|---|---|
| <applet> | Usado para incorporar o applet Java. | <object> |
| <acronym> | Usado para indicar um acrônimo. | <abbr> |
| <basefont> | Usado para definir a cor padrão do texto, tamanho da fonte. | fonte |
| <bgsound> | Usado para reproduzir trilha sonora em segundo plano. | |
| <big> | Usado para aumentar o tamanho da fonte. | font-size |
| <blink> | Usado para fazer um texto piscar. | CSS ou JavaScript |
| <center> | Usado para alinhar o texto. | text-align |
| <dir> | Usado para criar uma lista de arquivos/pastas de diretório. | |
| <embed> | Usado para incorporar aplicativos externos. | <object> |
| <font> | Usado para alterar cor, tamanho e estilo de um texto. | font-family & font-size |
| <frameset> | Usado para especificar o número de linhas e colunas em um conjunto de quadros com seus pixels. | <iframe> |
| <isindex> | Usado para consultar um documento através de um campo de texto. | |
| <ilayer> | Usado para criar uma camada que ocupa espaço no fluxo de texto contido. | |
| <keygen> | Usado para processar formulários da web com sistemas de gerenciamento de certificados. | |
| <listing> | Destinado como uma maneira de renderizar código HTML em uma página. | <pre> |
| <layer> | Usado para posicionar e animar (através de script) elementos em uma página. | |
| <menu> | Usado para criar uma lista de menu. | |
| <menuitem> | Usado para definir um item de menu para um menu. | |
| <multicol> | Usado para criar várias colunas de texto. | |
| <nobr> | Usado para instruir o navegador a não quebrar o texto especificado. | CSS |
| <noembed> | Usado para lidar com navegadores que não suportam a tag <embed>. | |
| <noframes> | Usado para lidar com navegadores que não suportam a tag <frame>. | |
| <plaintext> | Usado para renderizar todo o texto no documento. | <pre> |
| <param> | Usado para passar parâmetros para um objeto incorporado usando a tag <object>. | |
| <s> | Usado para indicar que o texto não está mais preciso ou correto. | text-decoration |
| <strike> | Usado para colocar uma linha através do texto. | text-decoration |
| <spacer> | Usado para especificar um espaço em branco. | <pre> & <br> |
| <tt> | Usado para especificar texto de teletipo. | <pre> & <kbd> |
| <u> | Usado para criar texto sublinhado. | text-decoration |
| <xmp> | Usado para renderizar texto preformatado. | <pre> |
| <frame> | Usado para dividir a janela do navegador em várias seções onde cada seção pode carregar um documento HTML separado. | Use técnicas modernas de layout. |
| <marquee> | Marquee é um texto em movimento exibido horizontalmente ou verticalmente. | CSS |
Tabela de propriedades CSS obsoletas deprecated
| Tag | Descritivo | Tag Alternativa |
|---|---|---|
| align | Usado para especificar o alinhamento do conteúdo de texto. | text-align, float & vertical-align |
| alink | Usado para especificar a cor de um link ativo. | ativo |
| background | Usado para especificar uma imagem de fundo de todo o corpo da página web. | background-image |
| bgcolor | Usado para definir a cor de fundo de um elemento HTML. | background-color |
| border | Usado para definir a largura visível da borda. | border-width |
| clear | Indica como o navegador deve exibir a linha após o elemento <br />. | clear |
| height | Usado para especificar a altura do elemento. | height |
| hspace | Usado para especificar o número de espaços em branco à esquerda ou à direita de um objeto. | padding |
| language | Usado para especificar o idioma do conteúdo dos elementos. | tipo |
| nowrap | Usado para indicar que o texto dentro da célula não deve quebrar. | white-space |
| start | Usado para especificar o valor inicial para a numeração dos itens da lista. | counter-reset |
| text | Usado para definir uma cor para o texto no documento. | color |
| type | Usado para especificar o tipo de conteúdo associado a um elemento. | list-style-type |
| vlink | Usado para especificar a cor de um link visitado. | visitado |
| vspace | Usado para especificar o número de espaços em branco. | padding |
| width | Usado para especificar a largura do elemento de imagem. | largura |
Exemplos de Atualização de Código
Substituição das tags font e center
<!-- Código obsoleto -->
<font color="#333">Texto exemplo</font>
<center>Conteúdo centralizado</center>
<!-- Código atualizado -->
<span class="text-style">Texto exemplo</span>
<div class="center">Conteúdo centralizado</div>
<style>
.text-style {
font-size: 14px;
color: #333;
}
.center {
text-align: center;
}
</style>Manter a aplicação atualizada garante compatibilidade, segurança e uma boa experiência do usuário, além de beneficiar diretamente SEO. Utilize este guia para identificar e atualizar tags e atributos obsoletos em seu código, mantendo seu site eficiente e compatível com os padrões atuais.