નિઃશુલ્ક ઑનલાઇન HTML બ્યુટિફાયર / ફોર્મેટર

HTML ફોર્મેટર

તેને સાફ કરવા અને સુંદર બનાવવા માટે ઉપરના ક્ષેત્રમાં તમારા અવ્યવસ્થિત, નાના અથવા અસ્પષ્ટ HTML દાખલ કરો. ઉપરના સંપાદકમાં મદદરૂપ રેખા નંબરો અને સિન્ટેક્સ હાઇલાઇટિંગ પણ છે. તમારી વ્યક્તિગત ફોર્મેટિંગ રુચિ અનુસાર બ્યુટિફાયરને અનુરૂપ બનાવવા માટે ઘણા વિકલ્પો છે.

તમે HTML વ્યૂઅર, HTML ફોર્મેટર, HTML ફોર્મેટરનો ઉપયોગ ક્યારે કરો છો

ઘણીવાર HTML લખતી વખતે તમારું ઇન્ડેન્ટેશન, સ્પેસિંગ અને અન્ય ફોર્મેટિંગ થોડી અવ્યવસ્થિત થઈ શકે છે. બહુવિધ વિકાસકર્તાઓ માટે એક જ પ્રોજેક્ટ પર કામ કરવું સામાન્ય છે જેમની પાસે વિવિધ ફોર્મેટિંગ તકનીકો છે. આ સાધન ફાઈલના ફોર્મેટિંગને સુસંગત બનાવવા માટે મદદરૂપ છે. એચટીએમએલ માટે નાનું અથવા અસ્પષ્ટ થવું પણ સામાન્ય છે. તમે આ ટૂલનો ઉપયોગ તે કોડને સુંદર અને વાંચી શકાય તેવો બનાવવા માટે કરી શકો છો જેથી કરીને તેને સંપાદિત કરવાનું સરળ બને.

HTML ફોર્મેટરના ઉદાહરણો

નીચેનું નાનું HTML:

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

આ સુશોભિત બને છે:

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