จัดรูปแบบ HTML

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

โค้ดไม่ออกจากหน้านี้ การจัดรูปแบบทำในเบราว์เซอร์ของคุณ

วิธีใช้

  1. วางโค้ด HTML ลงในกล่องแรก
  2. เลือกระยะย่อหน้า สองช่องว่าง สี่ช่องว่าง หรือแท็บ
  3. คัดลอกผลลัพธ์ หรือกด «บีบให้เล็ก» เพื่อย่อกลับให้สั้นลง

สิ่งที่ควรรู้

สิ่งที่ตั้งใจไม่แตะต้อง

ภายใน pre และ textarea ทุกช่องว่างและทุกการขึ้นบรรทัดใหม่คือส่วนหนึ่งของหน้าเว็บ การจัดย่อหน้าใหม่จึงเปลี่ยนสิ่งที่ผู้เข้าชมเห็น ส่วน script และ style นั้นไม่ใช่มาร์กอัปตั้งแต่แรก ตัวจัดรูปแบบจะยกบล็อกเหล่านี้ข้ามมาโดยไม่แตะเนื้อใน และเลื่อนตำแหน่งทั้งก้อนเท่านั้น ไฟล์ที่จัดรูปแบบแล้วจึงทำงานเหมือนต้นฉบับทุกประการ

อ่านการซ้อนแทนที่จะเดา

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

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

ตรวจสอบความถูกต้องของ HTML ให้ด้วยไหม

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

โค้ดของฉันถูกส่งไปเซิร์ฟเวอร์ไหม

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

รับไหวทั้งหน้าเลยไหม

ไหว รองรับมาร์กอัปได้ราวห้าเมกะไบต์ เกินกว่านั้นสิ่งที่หนักคือการแสดงผลลัพธ์ ไม่ใช่การจัดรูปแบบ

คอมเมนต์จะเป็นอย่างไร

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

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