# Referencia de Etiquetas HTML Auto-Cerrantes

Guía de referencia completa para elementos vacíos HTML (etiquetas auto-cerrantes), elementos SVG y elementos MathML

> Página canónica: https://elysiatools.com/es/tools/self-closing-html-tags

- **Categoría:** Development

- **Palabras clave:** html, auto-cerrante, vacío, elementos, etiquetas, svg, mathml, html5, referencia

## Descripción general

Esta herramienta proporciona una guía técnica detallada sobre los elementos vacíos en HTML, SVG y MathML, permitiéndote consultar rápidamente qué etiquetas no requieren una etiqueta de cierre y cómo implementarlas correctamente en tu código.

## Entradas

- **Tipo de Elemento** (select): Filter elements by type
- **Buscar Elementos** (text): Filtrar elementos por nombre o descripción
- **Incluir Ejemplos de Código** (checkbox): Incluir ejemplos de sintaxis para elementos HTML (cuando corresponda)
- **Formato de Salida** (select): Elegir el formato de salida

## Cuándo usarlo

- Al verificar la sintaxis correcta de elementos que no contienen contenido anidado.
- Al desarrollar gráficos vectoriales con SVG o fórmulas matemáticas con MathML.
- Al depurar errores de validación en documentos HTML5 que requieren etiquetas auto-cerrantes.

## Cómo funciona

- Selecciona el tipo de elemento (HTML, SVG o MathML) en el filtro de categoría.
- Utiliza la barra de búsqueda para localizar una etiqueta específica por su nombre.
- Activa la opción de incluir ejemplos de código para visualizar la sintaxis correcta.
- Elige el formato de salida deseado (texto, Markdown o JSON) para obtener la referencia.

## Casos de uso

- Desarrolladores web que necesitan validar la estructura de sus plantillas HTML.
- Estudiantes de programación que aprenden las diferencias entre elementos de bloque y elementos vacíos.
- Ingenieros de software que generan documentación técnica sobre estándares de marcado.

## Preguntas frecuentes

### ¿Qué es una etiqueta auto-cerrante?

Es un elemento HTML, también llamado elemento vacío, que no tiene contenido ni etiqueta de cierre, como  
o .

### ¿Debo cerrar las etiquetas vacías en HTML5?

En HTML5, las etiquetas vacías no requieren una barra diagonal final, aunque es opcional y aceptable en algunos estilos de codificación.

### ¿Los elementos SVG usan etiquetas auto-cerrantes?

Sí, muchos elementos SVG funcionan como elementos vacíos, pero su sintaxis puede variar dependiendo de si se usan en un contexto XML o HTML.

### ¿Puedo exportar la lista de etiquetas?

Sí, puedes seleccionar el formato de salida JSON o Markdown para copiar y utilizar la lista en tus proyectos o documentación.

### ¿Esta herramienta incluye elementos obsoletos?

La referencia se centra en los estándares actuales de HTML5, SVG y MathML para asegurar que tu código sea moderno y válido.

## Herramientas relacionadas

- [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown
- [Generador de sprite sheet SVG](https://elysiatools.com/es/tools/svg-sprite-generator): Sube hasta 30 iconos SVG y combínalos en un solo sprite sheet: modo para en línea, modo para fragmentos de archivo externo. Normaliza el viewBox (derivado de width/height), deduplica iconos, opcionalmente elimina fill/stroke para currentColor, siempre limpia y atributos on\*, y genera fragmentos de uso para HTML / React / Vue / CSS con vista previa en vivo de cada icono.</x-turndown>
- [Referencia de Etiquetas HTML](https://elysiatools.com/es/tools/html-tags): Guía de referencia completa para todas las etiquetas estándar HTML5 con categorías y descripciones
- [Tabla ASCII de Referencia](https://elysiatools.com/es/tools/ascii-table): Explora la tabla de caracteres ASCII completa (0–127) con decimal, hex, octal, binario, entidad HTML y nombres de caracteres de control; filtra por código o nombre
- [Verificador de accesibilidad](https://elysiatools.com/es/tools/accessibility-checker): Detecta problemas comunes de WCAG 2.1 en HTML, paginas o imagenes de diseno y devuelve sugerencias accionables
- [Fragmentos de Encabezado/Pie PDF](https://elysiatools.com/es/tools/pdf-header-footer-snippets): Convierte HTML a PDF e inserta fragmentos de logo, título y fecha
- [Visualizador de Diagrama Ferroviario de Regex](https://elysiatools.com/es/tools/regex-railroad-diagram-visualizer): Renderiza una expresión regular como diagrama ferroviario SVG que muestra literales, grupos, alternativas y repetición, con numeración de grupos de captura y explicación de banderas
- [Visualizador de diferencias JSON](https://elysiatools.com/es/tools/json-diff-visualizer): Compara dos JSON y genera un informe visual con colores, rutas y estadisticas

## Ejemplos

- [Ejemplos SVG](https://elysiatools.com/es/samples/svg-samples): Ejemplos de Gráficos Vectoriales Escalables (SVG) que demuestran varias características y técnicas SVG
- [Ejemplos D3.js Data Visualization](https://elysiatools.com/es/samples/d3js-data-visualization): Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
- [Muestras SVG](https://elysiatools.com/es/samples/svg-viewer-samples): Gráficos vectoriales de muestra para el visor SVG en el navegador
- [Muestras XML](https://elysiatools.com/es/samples/xml-viewer-samples): Archivos de muestra para el visor XML en el navegador