Vyčistite Messy HTML kódy s podložkou HTML
Ak upravujete webovú stránku niekoho iného alebo chcete kopírovať kód rozloženia, môže to byť ťažké prechádza formátovaním. Budete musieť vyčistiť veľa chaotických oblastí a to nie je zábavné robiť ručne.
S HTML Podložka webovú aplikáciu, môžete automaticky vyčistiť akýkoľvek kód HTML s kliknutím na tlačidlo.
Táto webová aplikácia odstráni všetky vonkajšie funkcie mimo HTML, vrátane prebytku CSS a JavaScript. Bude to tiež zbaviť väčšinu tried a atribútov nechať len šablónu HTML s holými kosťami.
To je možno najviac užitočné, keď štúdium štruktúry inej webovej stránky. Ak chcete rozložiť rozloženie, môžete ľahko prezrieť zdroj a skopírovať / prilepiť kód vo svojom vlastnom editore.
Môžete tiež chcieť odstráňte komentáre HTML a zjednodušiť kód ďalej. Tu sa hodí HTML podložka.
Má niekoľko úhľadných funkcií a to sú najužitočnejšie pre vývojárov:
- Prevádza kód do HTML5 (z HTML4 / XHTML)
- Opravuje nesprávne formátované značky
- Reformuje HTML so správnym odsadením
- Odstráni všetky inline skripty a CSS
Všimnite si, že podložka HTML nie je úplné riešenie pre prenos staršieho rozloženia do HTML5. Ani to nie je dokonalý nástroj na doslovné kopírovanie / vloženie existujúceho rozloženia a vytvorenie jeho vlastného.
Ale ako východiskový bod vám tento nástroj môže pomôcť vyčistiť chaotický HTML rýchlo. Pomôže vám to zamerať sa len na základné princípy kódu, takže nie ste zablokovaní podľa tried alebo vonkajších atribútov HTML.
Aj keď ak existuje značky nemajú
alt
atribúty sa táto podložka HTML pridá k stránke. Je to spôsobené výstup HTML, ktorý je plne v súlade s modernými normami pre kódovanie a prístupnosť.
Jedna funkcia, ktorú by som chcel vidieť, je voliteľné zaradenie tried alebo identifikátorov. Niekedy budete chcieť uchovať kurzy, takže môžete skopírovať / prilepiť kód spolu s pôvodným štýlom šablón, aby ste si zachovali rovnaký vzhľad.
Práve teraz to nie je možné s HTML pračkou, hoci tu dúfame, že sa dá pridať do budúcej aktualizácie!
Pre automatizovaný nástroj je táto vec skvelá a umožňuje vám tiež skopírujte / prilepte kód alebo nahrajte súbor priamo z počítača.
na vidieť to žiť v akcii, pozrite sa na hlavné stránky a dať to ísť. Ak je to niečo, čo by ste mohli vidieť sami používať, uistite sa, že si ho vytvoríte záložkou.
A ak máte nejaké návrhy na vylepšenie, nakreslite rýchlu správu vývojárovi na stránke Twitter @HtmlWasher.