HTML-formatter
HTML opmaken, verfraaien en minificeren
Inspringing:
Invoer
Uitvoer
De opgemaakte HTML verschijnt hier...
Voorbeelden
| Type | HTML | Toepassen |
|---|---|---|
| Opmaken | <div><p>Hello <b>world</b></p><ul><li>one</li><li>two</li></ul></div> | |
| Opmaken | <!DOCTYPE html><html><head><title>Test</title></head><body><h1>Hi</h1></body></html> | |
| Opmaken | <form action="/search" method="get"><label for="q">Query</label><input id="q" name="q" type="search" required><button type="submit">Go</button></form> | |
| Opmaken | <section><pre> keep this spacing </pre><style>.a{color:red}</style><script>var a=1;</script></section> | |
| Minificeren | <div> <p> Hello </p> <!-- comment --> </div> | |
| Minificeren | <ul> <li>one</li> <li><b>two</b> <i>three</i></li> </ul> <!-- trailing note --> |