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>