Hjemmeside » Coding » Ryd ryddelige HTML-koder med HTML-vaskemaskine

    Ryd ryddelige HTML-koder med HTML-vaskemaskine

    Hvis du redigerer en andens webside eller vil kopiere en kode til et layout, kan det være svært wading gennem formateringen. Det bliver du nødt til rydde op mange af de rodet områder og det er ikke sjovt at lave manuelt.

    Med HTML-vaskemaskine web app, kan du Rens automatisk HTML-kode med et klik på en knap.

    Denne webapp fjerner alle fremmede funktioner ud af HTML'en, herunder overskydende CSS og JavaScript. Det vil også strikke de fleste klasser og attributter at forlade bare bare-bones HTML-skabelonen.

    Dette er måske den mest nyttige, når studere strukturen på en anden hjemmeside. Hvis du vil klone et layout, kan du nemt se kilden og kopiere / indsætte koden i din egen editor.

    Du vil måske også gerne strip HTML kommentarer og forenkle koden yderligere. Det er her, hvor HTML-vaskemaskinen er praktisk.

    Det har en håndfuld pæne funktioner og disse er de mest nyttige til udviklere:

    • Konverterer koden til HTML5 (fra HTML4 / XHTML)
    • Løser ukorrekt formaterede tags
    • Reformats HTML med korrekt indrykning
    • Fjerner alle inline scripts & CSS

    Bemærk, at HTML-vaskemaskine er ikke en komplet løsning til overførsel af et ældre layout til HTML5. Det er heller ikke et perfekt værktøj til bogstaveligt at kopiere / indsætte et eksisterende layout og gøre det til dit eget.

    Men som udgangspunkt kan dette værktøj hjælpe dig rydde op røget HTML hurtigt. Det hjælper dig fokusere på bare de grundlæggende elementer i koden, så du lægges ikke ned ved klasser eller fremmede HTML-attributter.

    Selvom, hvis nogen tags har ikke alt attributter denne HTML-vaskemaskine vil tilføje dem til siden. Det er meningen at output HTML, der er fuldt ud i overensstemmelse med moderne kodnings- og tilgængelighedsstandarder.

    En funktion, jeg gerne vil se, er valgfri inkludering af klasser eller id'er. Nogle gange vil du holde klasserne, så du kan kopiere / indsætte kode sammen med det originale stilark for at holde det samme udseende.

    Lige nu er det ikke muligt med HTML-vaskemaskine, selvom det håber, at det kan tilføjes i en fremtidig opdatering!

    For et automatiseret værktøj er denne ting stor, og det lader dig heller kopi / indsæt kode eller Upload en fil direkte fra din computer.

    Til se det leve i aktion, Tjek det vigtigste websted og giv det en tur. Hvis dette er noget, kan du se dig selv ved at være sikker på at bogmærke det.

    Og hvis du har forslag til forbedringer, tag en hurtig besked til udvikleren på Twitter @HtmlWasher.