Reinig rommelige HTML-codes met HTML Washer
Als u de webpagina van iemand anders bewerkt of een code van een lay-out wilt kopiëren, kan het lastig zijn waden door de formattering. Je zal moeten ruim een deel van de rommelige gebieden op en dit is niet leuk om handmatig te doen.
Met de HTML wasmachine web-app, dat kan automatisch opschonen van HTML-code met een klik op de knop.
Deze web-app verwijdert alle externe functies uit de HTML, inclusief overtollige CSS en JavaScript. Het zal ook strip de meeste klassen en attributen om alleen de kale HTML-sjabloon achter te laten.
Dit is misschien het nuttigst wanneer de structuur van een andere website bestuderen. Als u een lay-out wilt klonen, kunt u eenvoudig de bron bekijken en de code in uw eigen editor kopiëren / plakken.
Je wilt misschien ook strip HTML-opmerkingen en vereenvoudig de code verder. Dit is waar HTML Washer van pas komt.
Het heeft een handvol nette functies en deze zijn de meest bruikbare voor ontwikkelaars:
- Converteert de code naar HTML5 (vanuit HTML4 / XHTML)
- Corrigeert onjuist geformatteerde tags
- Hersformats HTML met de juiste inspringing
- Verwijdert alle inline scripts en CSS
Merk op dat HTML Washer is geen volledige oplossing voor het overbrengen van een oudere lay-out naar HTML5. Het is ook geen perfecte tool om een bestaande lay-out letterlijk te kopiëren / plakken en er de uwe van te maken.
Maar als een startpunt kan deze tool u helpen rommelige HTML snel opruimen. Het zal je helpen focus op alleen de grondbeginselen van de code, dus je bent niet verzandt door klassen of externe HTML-kenmerken.
Hoewel, indien van toepassing alt schrijft deze HTML Washer toe en voegt ze toe aan de pagina. Het is bedoeld om HTML die dat is uit te voeren volledig in overeenstemming met de moderne coderings- en toegankelijkheidsnormen.
Een eigenschap die ik graag zou willen zien is de optionele opname van klassen of ID's. Soms wilt u de klassen behouden, zodat u code en het originele stylesheet kunt kopiëren en plakken om hetzelfde uiterlijk te behouden.
Op dit moment is dit niet mogelijk met HTML Washer, hoewel we hopen dat dit in een toekomstige update kan worden toegevoegd!
Voor een geautomatiseerde tool is dit ding geweldig en kun je het ook kopieer / plak code of upload een bestand rechtstreeks vanaf uw computer.
Naar zie het live in actie, bekijk de hoofdsite en probeer het eens. Als dit iets is dat je zelf zou kunnen zien gebruiken, zorg er dan voor dat je het een bladwijzer maakt.
En als je suggesties voor verbeteringen hebt, maak dan een kort bericht aan de ontwikkelaar op Twitter @HtmlWasher.
