Kostenloser Online-HTML-Verschönerer / -Formatierer

Input data
bfotool loadding
Output data
bfotool loadding

HTML-Formatierer

Geben Sie Ihren unordentlichen, minimierten oder verschleierten HTML-Code in das obige Feld ein, damit er aufgeräumt und hübsch gemacht wird. Der obige Editor enthält auch hilfreiche Zeilennummern und Syntaxhervorhebungen. Es gibt viele Möglichkeiten, den Verschönerer an Ihren persönlichen Formatierungsgeschmack anzupassen.

Wann verwenden Sie HTML Viewer, HTML Formatter, HTML Formatter

Beim Schreiben von HTML können Einrückungen, Abstände und andere Formatierungen oft etwas unorganisiert werden. Es ist auch üblich, dass mehrere Entwickler an einem einzigen Projekt arbeiten, die unterschiedliche Formatierungstechniken haben. Dieses Tool ist hilfreich, um die Formatierung einer Datei konsistent zu machen. Es ist auch üblich, dass HTML verkleinert oder verschleiert wird. Sie können dieses Tool verwenden, um diesen Code schön und lesbar aussehen zu lassen, damit er einfacher zu bearbeiten ist.

Beispiele HTML-Formatierer

Der folgende minimierte HTML-Code:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

Wird so verschönert:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>