ฟรี HTML Beautifier / Formatter ออนไลน์ฟรี

Input data
bfotool loadding
Output data
bfotool loadding

ฟอร์แมต HTML

ป้อน HTML ที่ยุ่งเหยิง ย่อให้เล็กลง หรือสับสนในฟิลด์ด้านบนเพื่อล้างและทำให้สวยงาม ตัวแก้ไขด้านบนนี้ยังมีหมายเลขบรรทัดที่เป็นประโยชน์และการเน้นไวยากรณ์อีกด้วย มีตัวเลือกมากมายในการปรับแต่งเครื่องเสริมสวยให้เข้ากับรสนิยมการจัดรูปแบบส่วนบุคคลของคุณ

คุณใช้ HTML Viewer, HTML Formatter, HTML Formatter . เมื่อใด

บ่อยครั้งเมื่อเขียน HTML การเยื้อง การเว้นวรรค และการจัดรูปแบบอื่นๆ ของคุณอาจไม่เป็นระเบียบเล็กน้อย เป็นเรื่องปกติที่นักพัฒนาหลายคนจะทำงานในโครงการเดียวที่มีเทคนิคการจัดรูปแบบที่แตกต่างกัน เครื่องมือนี้มีประโยชน์ในการทำให้การจัดรูปแบบไฟล์สอดคล้องกัน เป็นเรื่องปกติที่ HTML จะถูกย่อหรือทำให้งงงวย คุณสามารถใช้เครื่องมือนี้เพื่อทำให้โค้ดนั้นดูสวยงามและอ่านง่าย ดังนั้นจึงแก้ไขได้ง่ายขึ้น

ตัวอย่าง HTML Formatter

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>