Si estás editando la página web de otra persona o quieres copiar el código de un diseño, puede ser difícil lidiar con el formato. Tendrás que limpiar muchas de las áreas desordenadas y no es divertido hacerlo manualmente.
Con la aplicación web HTML Washer, puedes limpiar automáticamente cualquier código HTML con sólo pulsar un botón.
Esta aplicación web elimina todas las características extrañas del HTML, incluyendo el exceso de CSS y JavaScript. También eliminará la mayoría de las clases y atributos para dejar sólo la plantilla HTML básica.
Quizás sea la más útil para estudiar la estructura de otro sitio web. Si quieres clonar un diseño, puedes ver fácilmente la fuente y copiar/pegar el código en tu propio editor.
Descripción de HTML Washer y Usos
También puedes eliminar los comentarios HTML y simplificar aún más el código. Aquí es donde resulta útil HTML Washer.
Tiene un puñado de funciones interesantes y éstas son las más útiles para los desarrolladores:
- Convierte el código a HTML5 (desde HTML4/XHTML)
- Corrige las etiquetas con formato incorrecto
- Reformatea HTML con la sangría adecuada
- Elimina todos los scripts y CSS en línea
Ten en cuenta que HTML Washer no es una solución completa para transferir un diseño antiguo a HTML5. Tampoco es una herramienta perfecta para copiar/pegar literalmente un diseño existente y hacerlo tuyo.
Pero, como punto de partida, esta herramienta puede ayudarte a limpiar rápidamente el HTML desordenado. Te ayudará a centrarte sólo en los fundamentos del código, para que no te atasques con clases o atributos HTML superfluos.
Aunque, si alguna etiqueta <img> no tiene atributos alt, este HTML Washer los añadirá a la página. Su objetivo es generar un HTML que cumpla con los estándares modernos de codificación y accesibilidad.
Una característica que me gustaría ver es la inclusión opcional de clases o IDs. A veces, querrás conservar las clases, de modo que puedas copiar/pegar código junto con la hoja de estilos original para mantener el mismo aspecto.
Ahora mismo, esto no es posible con HTML Washer, ¡aunque esperamos que se pueda añadir en una futura actualización!
Para una herramienta automatizada, esta cosa es genial y te permite copiar/pegar código o cargar un archivo directamente desde tu ordenador.
Para verlo en acción, visita el sitio principal y pruébalo. Si esto es algo que podrías utilizar, asegúrate de marcarlo como favorito.
Y, si tienes alguna sugerencia de mejora, envía un mensaje rápido al desarrollador en Twitter @GlueeCom.
