Skip to main content

Quando usar tags de fechamento em elementos HTML

Transformador, secundario triangulo 440 v 220 v (Abril 2025)

Transformador, secundario triangulo 440 v 220 v (Abril 2025)
Anonim

Há várias tags HTML em HTML4 e HTML5 que não exigem o uso de uma tag de fechamento para HTML válido. Eles são:

A razão pela qual a maioria dessas tags não tem uma tag de finalização obrigatória é que, na maioria dos casos, a tag de fim está implícita na presença de outra tag no documento. Por exemplo, na maioria dos documentos da web, um parágrafo (definido por

) é seguido por outro parágrafo ou por outro elemento de nível de bloco. Assim, o navegador pode inferir que o parágrafo terminou no início do próximo parágrafo.

Outras tags nessa lista nem sempre têm conteúdo, como. Esse elemento pode conter tags como, mas não precisa. Se um colgroup não contiver nenhuma tag col, deixar de fora a tag de fechamento não causa confusão - na maioria dos casos, o número de colunas seria definido pelo atributo span.

Deixar marcas de saída acelera suas páginas

Uma boa razão para deixar de fora as tags finais para esses elementos é porque eles adicionam caracteres extras ao download da página e, portanto, deixam as páginas mais lentas. Se você está procurando coisas para acelerar os downloads de páginas da Web, livrar-se de tags de fechamento opcionais é um bom ponto de partida. Para documentos que possuem muitos parágrafos ou células de tabela, isso pode ser uma economia significativa.

Mas deixar tags de fechamento não é bom

Existem algumas razões importantes para deixar as tags de fechamento.

  • As tags de fechamento fornecem estrutura.
    • Quando você tem um documento HTML que é minimamente codificado, ele pode ser carregado rapidamente, mas pode rapidamente se tornar um suporte a ser mantido. Adicionar novas linhas ou colunas de tabela pode ser muito mais difícil de fazer rapidamente sem a estrutura completa das tags de início e fim. E muitas vezes as pessoas resolvem isso recuando, o que adiciona os caracteres de volta ao documento, negando assim os benefícios de velocidade que você obteve ao deixá-los de fora.
  • CSS e JavaScript engancham nos elementos completos.
    • Enquanto a maioria dos navegadores pode exibir (e estilizar) tags sem suas tags de fechamento, a falta de tags de fechamento pode tornar um local definitivo para fechar um estilo ou uma ação de script menos clara. Se você está trabalhando com layouts muito precisos, você desiste do controle sobre a precisão quando deixa marcas de fechamento - você está deixando o navegador decidir onde a tag termina. Às vezes, os navegadores acertam e às vezes não.
  • A omissão de tags de fechamento nem sempre é permitida.
    • Em HTML5, o
    • tag pode ser omitido quando o parágrafo é imediatamente seguido por cerca de 25 elementos diferentes. Mas existem mais de 100 elementos em HTML5. Você vai memorizar todas as situações em que é válido deixar a tag final? É provavelmente mais fácil incluí-lo.

XHTML requer todas as tags de fechamento

A principal razão pela qual a maioria das pessoas usa tags de fechamento com esses elementos é o XHTML. Quando você escreve XHTML, as tags de fechamento são sempre necessárias. Se você planeja converter seus documentos da Web para XHTML a qualquer momento, é mais fácil incluir as tags de fechamento, para que seus documentos estejam prontos.