จัดรูปแบบและย่อ HTML ฟรี

วิธีการทำงาน

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

1. 1
   ตัวแบ่งโทเค็นสแกนมาร์กอัป

   สแกนเนอร์ทีละอักขระที่กำหนดเองไล่สตริง HTML ระบุคอมเมนต์ การประกาศ DOCTYPE แท็กเปิด แท็กปิด องค์ประกอบ void ที่ปิดตัวเอง (br, img, input ฯลฯ) และโหนดข้อความดิบ ตัวช่วยเฉพาะติดตามค่าแอตทริบิวต์ในเครื่องหมายคำพูด อักขระอย่าง > ในแอตทริบิวต์ (เช่น value="a>b") จึงไม่ทำให้แท็กแยกก่อนเวลา
2. 2
   ติดตามความลึกการเยื้องต่อแท็ก

   สำหรับโหมดจัดให้สวยงาม ตัวแบ่งโทเค็นเก็บตัวนับความลึก แท็กเปิดระดับบล็อกเพิ่มความลึก แท็กปิดลดความลึกก่อนเขียน องค์ประกอบ inline (span, a, strong, em ฯลฯ) อยู่บรรทัดเดียวกับเนื้อหาแทนที่จะแยกไปบรรทัดที่เยื้องของตัวเอง แท็กอย่าง pre, script, style และ textarea ส่งเนื้อหาภายในออกตามเดิมเพื่อไม่ให้โค้ดที่ไวต่อช่องว่างหรือโค้ดที่รันได้เสียหาย
3. 3
   ตัวย่อขนาดยุบช่องว่างอย่างปลอดภัย

   ในโหมดย่อขนาด เนื้อหาของบล็อก pre, script, style และ textarea ถูกสลับเป็นตัวแทนที่มีหมายเลขก่อนยุบช่องว่าง คอมเมนต์ HTML ถูกตัด และช่องว่างต่อเนื่องระหว่างแท็กถูกลบ — ยกเว้นระหว่างองค์ประกอบ inline ที่อยู่ติดกัน ซึ่งเก็บช่องว่างไว้หนึ่งช่องเพื่อไม่ให้คำติดกัน จากนั้นตัวแทนถูกคืนเป็นเนื้อหาเดิม
4. 4
   แสดงผลลัพธ์และบันทึกได้

   ผลลัพธ์ที่จัดรูปแบบหรือย่อขนาดแล้วปรากฏสดในแผงผลลัพธ์พร้อมเปอร์เซ็นต์การเปลี่ยนขนาด คุณคัดลอกไปยังคลิปบอร์ดหรือดาวน์โหลดเป็นไฟล์ .html ได้โดยไม่ต้องออกจากเบราว์เซอร์

เครื่องมือที่เกี่ยวข้อง