เครื่องมือจัดรูปแบบ HTML ออนไลน์

คุณสมบัติและข้อจำกัดของเครื่องมือ

เครื่องมือนี้ช่วยจัดรูปแบบโค้ด HTML ที่อ่านยากให้เป็นระเบียบ หรือย่อขนาดเพื่อลดขนาดไฟล์ โดยใช้การวิเคราะห์รูปแบบแท็ก (tag-pattern heuristics) ไม่ใช้ HTML parser เต็มรูปแบบ

ตัวอย่างการจัดรูปแบบ

ป้อนข้อมูล:

<div><p>Hello</p></div>

ผลลัพธ์หลังจัดรูปแบบ (เมื่อเลือก 2 ช่องว่าง):

<div>
  <p>
    Hello
  </p>
</div>

แท็ก div, p, ข้อความ และแท็กปิดจะถูกแยกบรรทัดและเยื้องตามลำดับชั้น

การย่อขนาด (Minify)

โหมดย่อขนาดจะลบความคิดเห็น HTML และช่องว่างที่อยู่ระหว่างเครื่องหมาย > กับ < ถัดไป แต่ยังคงช่องว่างภายในข้อความปกติขององค์ประกอบไว้ ตัวอย่าง:

<div> <p>Hello</p> </div>

จะกลายเป็น:

<div><p>Hello</p></div>

แท็กที่รองรับและข้อจำกัด

เครื่องมือรู้จักแท็ก void ต่อไปนี้: br, hr, img, input, link, meta แต่ไม่รองรับแท็ก void ที่ผิดปกติ หรือมาร์กอัปที่ไม่สมบูรณ์ แท็ก script, style, template, preformatted text อาจไม่ได้รับการเยื้องอย่างปลอดภัย เนื่องจากไม่ได้ใช้ HTML parser

ข้อควรระวัง

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

คำถามที่พบบ่อย

1. เครื่องมือนี้รองรับโค้ดยาวเท่าใด?

รองรับการวางโค้ดสูงสุด 500,000 ตัวอักษร หากเกินจำนวนนี้ อาจไม่สามารถประมวลผลได้

2. ทำไมแท็ก br หรือ img ถึงไม่ถูกเยื้องเหมือนแท็กอื่น?

แท็ก br, hr, img, input, link และ meta ถูกกำหนดเป็น void tags ซึ่งไม่ต้องมีแท็กปิด เครื่องมือจึงไม่เยื้องแท็กเหล่านี้เหมือนแท็กทั่วไป

3. การย่อขนาดจะลบช่องว่างภายในข้อความหรือไม่?

ไม่ การย่อขนาดจะลบเฉพาะช่องว่างที่อยู่ระหว่างแท็ก (ระหว่าง > และ <) และความคิดเห็น HTML แต่จะคงช่องว่างภายในข้อความปกติขององค์ประกอบไว้ เช่น ช่องว่างระหว่างคำในย่อหน้า