# Referência de Tags HTML Auto-Fechantes
Guia de referência completo para elementos vazios HTML (tags auto-fechantes), elementos SVG e elementos MathML
> Página canônica: https://elysiatools.com/pt/tools/self-closing-html-tags
- **Categoria:** Development
- **Palavras-chave:** html, auto-fechante, vazio, elementos, tags, svg, mathml, html5, referência
## Visão geral
Esta ferramenta oferece um guia de referência completo para identificar e utilizar elementos vazios (tags auto-fechantes) em HTML, SVG e MathML, garantindo que seu código siga as melhores práticas de marcação.
## Entradas
- **Tipo de Elemento** (select): Filter elements by type
- **Buscar Elementos** (text): Filtrar elementos por nome ou descrição
- **Incluir Exemplos de Código** (checkbox): Incluir exemplos de sintaxe para elementos HTML (quando aplicável)
- **Formato de Saída** (select): Escolher o formato de saída
## Quando usar
- Ao verificar se um elemento HTML específico requer uma tag de fechamento ou se é um elemento vazio.
- Ao desenvolver gráficos vetoriais com SVG e precisar confirmar a sintaxe correta dos elementos.
- Ao integrar fórmulas matemáticas via MathML e validar a estrutura dos seus componentes.
## Como funciona
- Selecione o tipo de elemento desejado (HTML, SVG ou MathML) no menu de filtros.
- Utilize a barra de busca para encontrar rapidamente um elemento específico pelo nome.
- Ative a opção de incluir exemplos de código para visualizar a sintaxe correta de cada tag.
- Escolha o formato de saída preferido (Texto, Markdown ou JSON) para copiar os dados para o seu projeto.
## Casos de uso
- Padronização de código em projetos de front-end para evitar erros de sintaxe em elementos vazios.
- Criação de documentação técnica interna sobre padrões de marcação utilizados na equipe.
- Verificação rápida durante a escrita de componentes complexos que misturam HTML, SVG e MathML.
## Perguntas frequentes
### O que é uma tag auto-fechante?
É um elemento HTML, também chamado de elemento vazio, que não possui conteúdo e, portanto, não requer uma tag de fechamento separada.
### Elementos SVG também são auto-fechantes?
Sim, muitos elementos SVG seguem a convenção de elementos vazios, e esta ferramenta permite listar especificamente quais possuem essa característica.
### Posso exportar a lista de tags?
Sim, você pode selecionar o formato de saída como JSON ou Markdown para integrar os dados facilmente em seu fluxo de trabalho.
### Preciso de uma tag de fechamento para elementos como ?
Não, o elemento é um elemento vazio e não deve ter uma tag de fechamento .
### Esta ferramenta inclui elementos MathML?
Sim, a ferramenta cobre elementos vazios de HTML, SVG e MathML para oferecer um suporte completo ao desenvolvimento web moderno.
## Ferramentas relacionadas
- [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown
- [Gerador de sprite sheet SVG](https://elysiatools.com/pt/tools/svg-sprite-generator): Envie até 30 ícones SVG e mescle-os em um único sprite sheet: modo para embutido, modo para fragmentos de arquivo externo. Normaliza o viewBox (derivado de width/height), deduplica ícones, opcionalmente remove fill/stroke para currentColor, sempre limpa e atributos on\*, e gera snippets HTML / React / Vue / CSS com pré-visualização ao vivo de cada ícone.
- [Referência de Tags HTML](https://elysiatools.com/pt/tools/html-tags): Guia de referência completo para todas as tags HTML5 padrão com categorias e descrições
- [Tabela ASCII de Referência](https://elysiatools.com/pt/tools/ascii-table): Navegue pela tabela completa de caracteres ASCII (0–127) com decimal, hex, octal, binário, entidade HTML e nomes de caracteres de controle; filtre por código ou nome
- [Verificador de acessibilidade](https://elysiatools.com/pt/tools/accessibility-checker): Detecta problemas comuns de WCAG 2.1 em HTML, paginas ou imagens de design e retorna orientacoes praticas
- [Fragmentos de Cabeçalho/Rodapé PDF](https://elysiatools.com/pt/tools/pdf-header-footer-snippets): Converte HTML para PDF com logo, título e data
- [Visualizador de Diagrama Ferroviário de Regex](https://elysiatools.com/pt/tools/regex-railroad-diagram-visualizer): Renderiza uma expressão regular como diagrama ferroviário SVG mostrando literais, grupos, alternativas e repetição, com numeração de grupos de captura e explicação das flags
- [Visualizador de diff JSON](https://elysiatools.com/pt/tools/json-diff-visualizer): Compara dois JSON e gera um relatorio visual com caminhos e estatisticas
## Exemplos
- [Exemplos SVG](https://elysiatools.com/pt/samples/svg-samples): Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
- [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas
- [Amostras SVG](https://elysiatools.com/pt/samples/svg-viewer-samples): Gráficos vetoriais de amostra para o visualizador SVG
- [Amostras XML](https://elysiatools.com/pt/samples/xml-viewer-samples): Arquivos de amostra para o visualizador XML no navegador