จัดรูปแบบและย่อ HTML
จัด HTML ให้เป็นมาร์กอัปที่เยื้องอย่างเรียบร้อย หรือย่อให้เล็กลงสำหรับเว็บไซต์จริง
วาง HTML เปิดไฟล์ .html หรือลากไฟล์มาวางที่นี่
แจ้งปัญหาเกี่ยวกับเครื่องมือนี้
วิธีใช้งาน จัดรูปแบบ HTML
วาง HTML ของคุณ
วางทั้งหน้าหรือบางส่วน หรือเปิดหรือลากไฟล์ .html มาวาง ระบบจะจัดรูปแบบทันทีที่คุณพิมพ์
จัดให้สวยหรือย่อ
จัดให้สวยจะเยื้องทุกแท็กด้วยช่องว่าง 2 หรือ 4 ช่องหรือแท็บ ส่วนย่อจะลบคอมเมนต์และช่องว่างที่มองไม่เห็นออก
คัดลอกหรือดาวน์โหลด
คัดลอกผลลัพธ์ หรือดาวน์โหลดเป็นไฟล์ .html เมื่อย่อ คุณจะเห็นว่าลดไปได้กี่ไบต์
ทำไมต้องใช้ Utils365
ย่ออย่างปลอดภัย
เนื้อหาใน <pre>, <textarea>, <script> และ <style> จะไม่ถูกแตะเลย และยังคงช่องว่างหนึ่งช่องระหว่างแท็กอินไลน์ หน้าเว็บจึงแสดงผลเหมือนเดิม
มาร์กอัปที่อ่านง่าย
แท็กที่ซ้อนกันจะเยื้องหนึ่งระดับต่อชั้น หน้าที่อัดอยู่ในบรรทัดเดียวจึงอ่านและแก้ไขได้ง่าย
เห็นขนาดที่ลดได้
ขนาดก่อนและหลัง รวมถึงเปอร์เซ็นต์ที่ลดได้จะแสดงทันทีที่คุณย่อ
เป็นส่วนตัวตั้งแต่การออกแบบ
HTML ของคุณถูกจัดรูปแบบในเบราว์เซอร์และไม่ถูกอัปโหลด หน้าเว็บและเทมเพลตที่ยังไม่เผยแพร่จึงอยู่กับคุณเท่านั้น
คำถามที่พบบ่อย
ตัวย่อ HTML ลบอะไรออกบ้าง
คอมเมนต์ การขึ้นบรรทัดใหม่และการเยื้อง รวมถึงช่องว่างระหว่างแท็กที่เบราว์เซอร์ไม่แสดง คอมเมนต์แบบมีเงื่อนไขของ Internet Explorer รุ่นเก่ายังคงเก็บไว้ เพราะยังมีผลอยู่
การย่อจะเปลี่ยนหน้าตาเว็บไหม
ไม่ควรเปลี่ยน ช่องว่างข้างอิลิเมนต์แบบบล็อกอย่าง <div> และ <p> ไม่แสดงผลอยู่แล้วจึงถูกลบ ส่วนระหว่างอิลิเมนต์อินไลน์อย่างลิงก์และปุ่มจะเก็บช่องว่างไว้หนึ่งช่อง เพราะตรงนั้นมองเห็นได้
สคริปต์และสไตล์ของฉันจะถูกเปลี่ยนไหม
ไม่ เนื้อหาใน <script> และ <style> คงไว้ตามที่เขียนทุกประการ หากต้องการย่อส่วนนั้นด้วย ให้ใช้เครื่องมือจัดรูปแบบ JavaScript และ CSS
ทำไมไม่แตะ <pre>
ภายใน <pre> และ <textarea> ทุกช่องว่างและการขึ้นบรรทัดใหม่จะแสดงบนหน้าเว็บ การลบออกแม้เพียงช่องเดียวจะเปลี่ยนสิ่งที่ผู้เข้าชมเห็น
เครื่องมือนี้แก้ HTML ที่เสียได้ไหม
ไม่ได้ เครื่องมือนี้เปลี่ยนแค่การจัดวาง ไม่เปลี่ยนแท็ก แท็กปิดที่ขาดหายไปก็ยังขาดอยู่ ให้ตรวจดูการเยื้อง แท็กที่ไม่ได้ปิดจะดันทุกอย่างหลังจากนั้นเข้าไปอีกหนึ่งระดับ