Ver HTML
Pegue HTML y véalo dibujado al instante, con el recuento de elementos y la lista de etiquetas sin cerrar.
Resultados
Qué hace esta herramienta
A veces tiene un fragmento de HTML —de una plantilla de correo, de una página de documentación, de un trozo que alguien le envió— y solo quiere saber qué aspecto tiene sin crear un archivo y abrirlo. Péguelo aquí. La página de abajo se dibuja mientras escribe, dentro de un marco sin ningún permiso, y los números de al lado le dicen cuántos elementos, enlaces, imágenes y títulos hay, y si todas las etiquetas que deben cerrar cierran de verdad.
Fórmula
recorre las etiquetas una a una, saltando comentarios, script y style, y cuenta las que quedan sin cerrar
Variables
| Símbolo | Significado | Unidad |
|---|---|---|
text | HTML | — |
OUT | Cómo queda | — |
EL | Elementos | — |
LK | Enlaces | — |
IM | Imágenes | — |
HD | Títulos | — |
SR | Scripts | — |
OK | Todas las etiquetas cierran | — |
UC | Etiquetas sin cerrar | — |
CH | Caracteres | — |
Ejemplo resuelto
- HTML<h1>A small page</h1> <p>Some text with a <a href="https://example.com">link</a> in it.</p> <ul> <li>First <li>Second </ul> <p><img src="https://example.com/picture.png" alt="A picture"></p>
- Cómo queda<h1>A small page</h1> <p>Some text with a <a href="https://example.com">link</a> in it.</p> <ul> <li>First <li>Second </ul> <p><img src="https://example.com/picture.png" alt="A picture"></p>
- Elementos8
- Enlaces1
- Imágenes1
- Títulos1
- Scripts0
- Todas las etiquetas cierranSí
- Etiquetas sin cerrar—
- Caracteres194
Limitaciones
- El cálculo se realiza íntegramente en su navegador. Los valores introducidos nunca se envían a un servidor.
Preguntas frecuentes
¿Es seguro pegar aquí cualquier cosa?
La vista previa se dibuja dentro de un marco con todos los permisos desactivados, así que los scripts no se ejecutan, los formularios no se envían y el marco no ve la página que lo rodea. Lo que pegue tampoco se envía nunca a ningún sitio. Trate la vista previa como un retrato de su HTML y no como una página en funcionamiento: si el marcado depende de JavaScript, esa parte no cobrará vida aquí.
¿Por qué dice que las etiquetas están bien si nunca cerré el <li>?
Porque el HTML permite omitir algunos cierres a propósito. Un nuevo elemento de lista termina el anterior, y lo mismo vale para párrafos, celdas y filas de tabla. Contar eso como error sería una acusación falsa, así que no se cuenta. Todo aquello cuyo cierre sí es obligatorio —un div, un span, una section— se sigue señalando.