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>