HTML બ્યુટીફાય ટૂલ- મફત ઓનલાઇન HTML ફોર્મેટર અને બ્યુટીફાયર

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>