এইচটিএমএল ফরম্যাটার
আপনার অগোছালো, ছোট বা অস্পষ্ট এইচটিএমএলটি পরিষ্কার এবং সুন্দর করার জন্য উপরের ক্ষেত্রটিতে প্রবেশ করুন। উপরের সম্পাদকটিতে সহায়ক লাইন নম্বর এবং সিনট্যাক্স হাইলাইটিংও রয়েছে। আপনার ব্যক্তিগত বিন্যাসের স্বাদ অনুসারে বিউটিফায়ারের জন্য অনেকগুলি বিকল্প রয়েছে।
আপনি কখন HTML Viewer, HTML Formatter, HTML Formatter ব্যবহার করবেন
প্রায়শই 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>
