Čisté chaotický HTML kódy s HTML podložka
Pokud upravujete webovou stránku někoho jiného nebo chcete zkopírovat kód rozložení, může to být těžké brodění formátováním. Budeš muset vyčistit spoustu nepořádek oblastí a to není zábavné dělat ručně.
S Podložka HTML webové aplikace, můžete automaticky vyčistí HTML kód kliknutím na tlačítko.
Tato webová aplikace odstraní všechny cizí funkce z HTML, včetně nadbytečných CSS a JavaScriptu. Bude to také strip většinu tříd a atributů ponechat jen HTML holé šablony.
To je možná nejužitečnější, když studovat strukturu jiné internetové stránky. Pokud chcete klonovat rozvržení, můžete snadno zobrazit zdroj a kopírovat / vložit kód do vlastního editoru.
Můžete také chtít strip HTML komentáře a kód dále zjednodušit. Zde se hodí HTML podložka.
Má několik elegantních prvků a to jsou nejvhodnější pro vývojáře:
- Převede kód do HTML5 (z HTML4 / XHTML)
- Opravuje nesprávně formátované značky
- Přeformátuje HTML s řádným odsazením
- Odstraní všechny inline skripty a CSS
Všimněte si, že podložka HTML není úplné řešení pro přenos staršího rozložení do HTML5. Není ani dokonalým nástrojem pro doslovné kopírování / vkládání existujícího rozložení a jeho vlastní.
Ale jako výchozí bod vám tento nástroj může pomoci vyčistit chaotický HTML rychle. Pomůže vám to zaměřit se pouze na základy kodexu, takže se nemusíte zabývat třídami nebo cizími atributy HTML.
I když tagy nemají
alt
Atributy této HTML podložky je přidají na stránku. Má to být výstup HTML plně kompatibilní s moderními standardy kódování a přístupnosti.
Jednou z vlastností, kterou bych rád viděl, je volitelné zařazení tříd nebo ID. Někdy budete chtít udržet třídy, takže můžete kopírovat / vkládat kód spolu s původním stylem, aby byl stejný vzhled.
Teď to není možné s HTML podložka, i když tady je doufat, že to může být přidáno v budoucí aktualizaci!
Pro automatizovaný nástroj je tato věc skvělá a umožňuje vám to buď kopírovat / vložit kód nebo nahrát soubor přímo z počítače.
Na vidět to žít v akci, podívejte se na hlavní stránky a vydejte se na to. Pokud je to něco, co byste mohli vidět sami pomocí nezapomeňte na záložku.
A pokud máte nějaké návrhy na vylepšení, natočte rychlou zprávu vývojáři na Twitteru @HtmlWasher.