#020 · Contadores

Contador de etiquetas HTML

El contador de etiquetas HTML analiza un fragmento de marcado y muestra cuántas etiquetas aparecen y cuáles se repiten. Distingue etiquetas de apertura, cierre y formas autocontenidas, y genera un desglose por nombre como div, p, a o img. Es útil para inspecciones rápidas de plantillas, fragmentos de código, correos HTML o contenido pegado desde un editor. El análisis es textual: no renderiza el documento ni ejecuta scripts, por lo que resulta adecuado para una revisión local preliminar.

Entrada de texto

Análisis en el navegador
Espacio publicitario

Cómo usar esta herramienta de texto

  1. Pega el fragmento HTML en el cuadro de entrada.
  2. Pulsa «Contar etiquetas HTML».
  3. Revisa el total y el desglose por nombre.
  4. Comprueba aperturas y cierres si buscas posibles desequilibrios.

Qué hace esta herramienta

Extrae tokens con forma de etiqueta HTML, ignora comentarios y declaraciones y contabiliza nombres de etiqueta sin distinguir mayúsculas.

El informe separa aperturas, cierres y etiquetas marcadas con «/>». Las etiquetas vacías de HTML5 pueden escribirse sin barra y se contabilizan como apertura textual.

No sustituye a un analizador sintáctico de HTML ni valida anidamiento correcto, atributos, DOM resultante o conformidad con la especificación.

Ejemplo

Entrada: <div><p>Hola</p><img src="x"></div>

El informe agrupa div, p e img y cuenta cada token de apertura o cierre detectado.

Casos de uso

  • Inspeccionar fragmentos de código antes de pegarlos en una plantilla.
  • Contar elementos repetidos en correos HTML.
  • Revisar fragmentos generados por editores.
  • Detectar rápidamente exceso de ciertas etiquetas.

Consejos para obtener mejores resultados

  • Usa un validador HTML si necesitas comprobar estructura y anidamiento.
  • Recuerda que etiquetas vacías como img o br no necesitan cierre.
  • No ejecutes código desconocido para hacer un simple recuento.
  • Revisa manualmente contenido dentro de script o style si contiene caracteres similares a etiquetas.

Detalles del procesamiento

El analizador usa una expresión regular para localizar tokens de etiqueta y extrae el primer identificador del nombre. Los comentarios y declaraciones se excluyen del recuento.

Una expresión regular no puede interpretar todos los casos de HTML malformado. Para validación estructural completa se necesita un analizador sintáctico de HTML.

Preguntas frecuentes

¿Cómo puedo contar cuántas etiquetas HTML hay en un fragmento?

Pega el código y ejecuta la herramienta. Se mostrará el total de tokens de etiqueta y un desglose por nombre.

¿El contador distingue etiquetas de apertura y cierre?

Sí. El informe muestra cantidades separadas para aperturas, cierres y etiquetas escritas con cierre automático.

¿Las etiquetas HTML5 como img o br necesitan aparecer con /> para contarse?

No. Se detectan también si están escritas como <img> o <br>; la clasificación autocontenida solo refleja si aparece la barra final.

¿Esta herramienta valida si el HTML está bien anidado?

No. Cuenta etiquetas de forma textual, pero no comprueba la estructura completa del DOM ni la validez del anidamiento.

¿Los comentarios HTML se incluyen en el recuento de etiquetas?

No. Los comentarios y declaraciones se excluyen para evitar que se contabilicen como etiquetas normales.

Métricas del análisis

MétricaQué indica
Resultado principalRecuento o medida calculada a partir del texto introducido.
ProcesamientoSe realiza localmente en el navegador, sin depender de una API externa.
ExportaciónEl resultado puede copiarse o descargarse como TXT; cuando procede, también como CSV o JSON.

Explorar más contadores

Consulta más herramientas de recuento y análisis textual en la categoría Contadores.