es.hideout-lastation.com
Limpiar códigos HTML desordenados con HTML Washer
Si está editando la página web de otra persona o quiere copiar un código de un diseño, puede ser difícil vadear el formato . Tendrás que limpiar muchas áreas desordenadas y no es divertido hacerlo manualmente.
Con la aplicación web HTML Washer, puede limpiar automáticamente cualquier código HTML con el clic de un botón.
Esta aplicación web elimina todas las funciones externas del HTML, incluido el exceso de CSS y JavaScript. También eliminará la mayoría de las clases y atributos para dejar solo la plantilla HTML escueta.
Esto es quizás el más útil cuando se estudia la estructura de otro sitio web . Si desea clonar un diseño, puede ver fácilmente el código fuente y copiar / pegar el código en su propio editor.
Es posible que también desee quitar los comentarios HTML y simplificar aún más el código . Aquí es donde HTML Washer es útil.
Tiene un puñado de características interesantes y estas son las más útiles para los desarrolladores :
- Convierte el código en HTML5 (desde HTML4 / XHTML)
- Repara las etiquetas mal formateadas
- Reformatea HTML con sangría apropiada
- Elimina todos los scripts en línea y CSS
Tenga en cuenta que HTML Washer no es una solución completa para transferir un diseño anterior a HTML5 . Tampoco es una herramienta perfecta para copiar / pegar literalmente un diseño existente y hacerlo suyo.
Pero, como punto de partida, esta herramienta puede ayudarlo a limpiar rápidamente el sucio HTML . Te ayudará a concentrarte solo en los fundamentos del código, para que no te atasques por clases o atributos HTML extraños.
Aunque, si hay alguno alt este HTML Washer los agregará a la página. Su objetivo es producir HTML que cumpla totalmente 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 ID . A veces, querrás mantener las clases, para que puedas copiar y pegar el código junto con la hoja de estilo original para mantener el mismo aspecto.
En este momento, esto no es posible con HTML Washer, aunque esperamos que se pueda agregar en una actualización futura.
Para una herramienta automatizada, esto es genial y te permite copiar o pegar código o cargar un archivo directamente desde tu computadora .
Para verlo en vivo en acción, revisa el sitio principal y pruébalo. Si esto es algo que podrías ver usando, asegúrate de marcarlo.Y, si tiene alguna sugerencia de mejoras, envíe un mensaje rápido al desarrollador en Twitter @HtmlWasher.
Cómo crear colores de borde degradado CSS
Este artículo es parte de nuestra "serie de tutoriales de HTML5 / CSS3", dedicada a ayudarlo a ser un mejor diseñador y / o desarrollador. Haga clic aquí para ver más artículos de la misma serie. Con todas las nuevas características en CSS3, ahora podemos construir sitios web sin imágenes. En el
Todo lo que debe saber sobre las tecnologías de marketing basadas en la ubicación
La información se está nublando más que nunca y los clientes realizan cada vez más actividades relacionadas con las compras sobre la marcha. Si bien los minoristas en línea están capitalizando definitivamente esta tendencia, las tiendas de ladrillo y mortero no se quedan atrás. Los propietarios de tiendas físicas también se están convirtiendo en expertos en tecnología moderna para recuperar las ventas que han estado perdiendo a manos del comercio electrónico.Además de u
