XML se ha convertido rápidamente en la tecnología preferida para la entrega de datos estructurados en la Web, trabajando mano a mano con el lenguaje HTML, que se utiliza como formato de presentación. Cuando HTML y XML se utilizan en conjunto, permiten que los datos que se separen de su formato de presentación, lo que es mucho más extensible para aplicaciones Web y que permite volver a utilizar los datos de origen en un sinnúmero de medios de salida.
Por medio del siguiente código vamos a colocar una herramienta instantánea de conversión de HTML a XML, que permite a los diseñadores web contar con un conversor en su propio sitio de manera fácil y eficiente con una interfaz muy sencilla. Por ejemplo agregar el código HTML de Google Adsense (en Blogger) dentro de la platilla de un blog, es necesario que se encuentre en XML para que el blog lo pueda procesar.
Con el siguiente código puedes copiar e insertar dentro de tu sitio web, y lo más importante que lo puedes diseñar y colocar a gusto.
<script type="text/javascript">
function $(id){ return document.getElementById(id) } var char2entity = { "'" : ''', '"' : '"', '<' : '<', '>' : '>', '&' : '&'}; function encode_entities(str) { var rv = ''; for (var i = 0; i < str.length; i++) { var ch = str.charAt(i); rv += char2entity[ch] || ch; } return rv;} function do_encode(e){ $('dst').value = encode_entities(e.value)}
</script>
<center>
<b>Código HTML</b> </p>
<p> </p>
<textarea cols="40" onchange="do_encode(this)" onkeyup="do_encode(this)" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea>
<b>Código en XML</b>
<p> </p>
<textarea cols="40" id="dst" onclick="this.select()" onfocus="this.select()" readonly="readonly" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea>
</center>
<br/>
<div style='clear: both;'></div>
</div>
<div id="latency-1776026313965062523"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-1776026313965062523")); } </script>
El resultado usando este código lo podemos observar la siguiente página:
