Convertir XML a tabla HTML

Cómo funciona

Usted tiene una lista en XML y quiere mostrarla como tabla en una página web, en una entrada de blog o en un correo. Pegue el XML en el panel izquierdo; a la derecha aparece un código ordenado con <table>, <thead>, <tbody>, <tr>, <th> y <td>. La etiqueta que se repite se vuelve fila: 40 etiquetas <libro> dan 40 filas, y el <titulo>, el <autor> y el <anio> de cada libro se vuelven encabezados de columna. Un dato escrito dentro de la etiqueta, como <libro no="1">, va a la columna @no; un dato anidado va a una columna como editorial.ciudad; un campo que falta queda como celda vacía. Los caracteres con significado en HTML se escapan, de modo que un nombre como «Pérez & Hijos <S.A.>» se ve bien sin romper el diseño, y las tildes y la ñ quedan legibles. El código no lleva CSS y toma el estilo de tabla de su sitio. Un límite claro: esta herramienta no ejecuta XSLT. Si el XML apunta a una hoja de estilo, se ignora y los datos se vuelcan en una tabla simple.

Esta herramienta también se busca como convertir xml a html, xml a tabla html, xml to html, ver xml como tabla, xml to html table.

¿Qué es Tabla HTML?

Una tabla HTML es una serie de etiquetas que dibuja filas y columnas en una página web: <table> la envuelve, <thead> contiene el encabezado, <tbody> el cuerpo, <tr> es una fila, <th> una celda de encabezado y <td> una celda de datos. El navegador traza la cuadrícula solo con esas etiquetas; bordes, colores y márgenes vienen del CSS. Por eso un código de tabla sin estilo se adapta a cualquier sitio: toma la apariencia de la página donde se pega.

¿Qué es XSLT?

XSLT es un lenguaje de transformación que describe cómo un documento XML se convierte en otro, casi siempre en una página HTML. Es lo que permite ver una factura electrónica con su logotipo, sus conceptos y sus totales. Un XSLT se escribe para un tipo de documento concreto y no viene con todos los XML. Esta herramienta no ejecuta XSLT; aplica una regla general para poner en tabla los registros repetidos.

¿Cuál es la diferencia entre XML y HTML?

Los dos usan etiquetas entre signos < >, pero cumplen funciones distintas. El XML transporta datos y los nombres de etiqueta los elige quien es dueño de los datos: <libro>, <autor>, <precio>. El HTML describe lo que muestra una página y sus etiquetas son fijas: <table>, <p>, <h2>; los navegadores solo entienden esas. Si abre un XML en el navegador verá un árbol, no una tabla. Esta herramienta hace el puente y coloca los registros XML en las etiquetas de tabla que el HTML entiende.

No es XSLT: esta herramienta vuelca los datos en una tabla

«Convertir XML a HTML» puede significar dos cosas. Una es XSLT: un archivo de transformación que acompaña al XML y describe con detalle cómo debe verse la página; así funcionan los visores de facturas CFDI que muestran la representación impresa. La otra es simplemente poner los registros en una tabla. Esta herramienta hace lo segundo; una línea <?xml-stylesheet?> o un XSLT incrustado se ignora.

Si necesita el aspecto oficial de un documento, como la representación impresa de una factura, necesita su XSLT y un visor adecuado. Si quiere listar en una página registros que se repiten (productos, libros, empleados, pedidos), esta herramienta hace justo eso.

Dónde pegar el código de la tabla

En WordPress agregue un bloque «HTML personalizado» y pegue el código dentro; en Blogger cambie la entrada a vista HTML. La tabla llega sin estilo: bordes y márgenes los pone su tema. En su propia página puede darle una clase a la etiqueta <table> y darle estilo con CSS.

El archivo .html descargado se abre con doble clic en el navegador; desde ahí puede seleccionar la tabla y pegarla en Word o en un correo con su cuadrícula. Con listas muy largas (miles de filas) una tabla web se vuelve pesada; conviene convertir el XML a CSV y abrirlo en una hoja de cálculo.

Preguntas frecuentes

¿Cómo convierto un archivo XML en una tabla HTML?

Abra el archivo XML con el Bloc de notas, copie todo y péguelo aquí en el panel izquierdo. La etiqueta repetida se vuelve fila, sus subetiquetas columnas, y a la derecha aparece el código <table>. Cópielo en su página o descárguelo como archivo .html.

¿Se aplica la hoja de estilo XSLT del XML?

No. Esta herramienta no ejecuta XSLT; una hoja de estilo vinculada o incrustada se ignora y los datos aparecen en una tabla simple. Para la representación oficial de un documento, como una factura, use el visor previsto para ese formato.

¿Puedo elegir qué etiqueta forma una fila?

Sí. Por omisión se usa la etiqueta más repetida y la línea de resultado dice cuál. Para usar otra, escriba su nombre en la casilla «Etiqueta que forma una fila»; no hacen falta los signos < > ni prefijos.

¿Mi XML se envía a algún lado?

No. El código de la tabla se genera por completo en su navegador; los datos que pega no salen de esta página ni se guardan. Una vez cargada la página, la herramienta funciona incluso sin conexión.