Bure Online HTML Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

Muundo wa HTML

Ingiza HTML yako iliyochafuka, iliyochanganuliwa, au iliyofichwa kwenye sehemu iliyo hapo juu ili isafishwe na iwe nzuri. Kihariri hapo juu pia kina nambari za laini na uangaziaji wa sintaksia. Kuna chaguo nyingi za kurekebisha kipambo kulingana na ladha zako za uumbizaji wa kibinafsi.

Je, ni wakati gani unatumia Kitazamaji cha HTML, Umbizo la HTML, Umbizo la HTML

Mara nyingi unapoandika HTML ujongezaji wako, nafasi, na uumbizaji mwingine unaweza kukosa mpangilio. Pia ni kawaida kwa watengenezaji wengi kufanya kazi kwenye mradi mmoja ambao wana mbinu tofauti za uumbizaji. Zana hii ni muhimu kwa kufanya uumbizaji wa faili ufanane. Pia ni kawaida kwa HTML kupunguzwa au kufifishwa. Unaweza kutumia zana hii kufanya msimbo huo uonekane mzuri na unasomeka ili iwe rahisi kuhariri.

Mifano Umbizo la HTML

HTML iliyopunguzwa hapa chini:

<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>

Inakuwa hii nzuri:

<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>