Pagina inicial » Codificação » Limpar códigos HTML desarrumado com o HTML Washer

    Limpar códigos HTML desarrumado com o HTML Washer

    Se você estiver editando a página da Web de outra pessoa ou quiser copiar um código de um layout, pode ser difícil vadear através da formatação. Você terá que limpar um monte de áreas bagunçadas e isso não é divertido fazer manualmente.

    Com o Arruela HTML aplicativo da web, você pode limpar automaticamente qualquer código HTML com o clique de um botão.

    Este aplicativo da web remove todos os recursos externos do HTML, incluindo excesso de CSS e JavaScript. Também vai tira a maioria das classes e atributos para deixar apenas o modelo HTML básico.

    Este é talvez o mais útil quando estudando a estrutura de outro site. Se você quiser clonar um layout, você pode facilmente visualizar a fonte e copiar / colar o código em seu próprio editor.

    Você também pode querer tira comentários em HTML e simplificar ainda mais o código. É aqui que o HTML Washer é útil.

    Tem um punhado de recursos interessantes e estes são os mais úteis para desenvolvedores:

    • Converte o código em HTML5 (de HTML4 / XHTML)
    • Correções de tags formatadas incorretamente
    • Reformata HTML com recuo adequado
    • Remove todos os scripts in-line e CSS

    Note que o HTML Washer não é uma solução completa para transferir um layout antigo para HTML5. Nem é uma ferramenta perfeita para literalmente copiar / colar um layout existente e torná-lo seu próprio.

    Mas, como ponto de partida, esta ferramenta pode ajudá-lo limpar rapidamente o messy HTML. Vai te ajudar focar apenas os fundamentos do código, então você não está atolado por classes ou atributos HTML estranhos.

    Embora, se houver as tags não têm alt Atributos este HTML Washer irá adicioná-los à página. Ele é destinado a produzir HTML totalmente compatível com os padrões modernos de codificação e acessibilidade.

    Uma característica que eu gostaria de ver é o inclusão opcional de classes ou IDs. Às vezes, você vai querer manter as classes, assim você pode copiar / colar o código junto com a folha de estilo original para manter a mesma aparência.

    No momento, isso não é possível com o HTML Washer, embora espere que ele possa ser adicionado em uma atualização futura!

    Para uma ferramenta automatizada, isso é ótimo e permite que você copiar / colar código ou carregar um arquivo diretamente do seu computador.

    Para vê-lo ao vivo em ação, confira o site principal e experimente. Se isso é algo que você poderia se ver usando, certifique-se de marcá-lo.

    E, se você tiver alguma sugestão para melhorias, envie uma mensagem rápida para o desenvolvedor no Twitter @HtmlWasher.