จัดรูปแบบ HTML
วาง HTML ลงไปแล้วอ่านได้เลย แต่ละแท็กจะอยู่บนบรรทัดของตัวเองพร้อมย่อหน้าตามระดับการซ้อนที่แท้จริง นี่คือวิธีที่เร็วที่สุดในการหา div ที่ลืมปิด
โค้ดไม่ออกจากหน้านี้ การจัดรูปแบบทำในเบราว์เซอร์ของคุณ
- ฟรี
- ไฟล์ไม่ออกจากเครื่องของคุณ
- ไม่ต้องสมัคร
- ไม่จำกัดไฟล์
วิธีใช้
- วางโค้ด HTML ลงในกล่องแรก
- เลือกระยะย่อหน้า สองช่องว่าง สี่ช่องว่าง หรือแท็บ
- คัดลอกผลลัพธ์ หรือกด «บีบให้เล็ก» เพื่อย่อกลับให้สั้นลง
สิ่งที่ควรรู้
สิ่งที่ตั้งใจไม่แตะต้อง
ภายใน pre และ textarea ทุกช่องว่างและทุกการขึ้นบรรทัดใหม่คือส่วนหนึ่งของหน้าเว็บ การจัดย่อหน้าใหม่จึงเปลี่ยนสิ่งที่ผู้เข้าชมเห็น ส่วน script และ style นั้นไม่ใช่มาร์กอัปตั้งแต่แรก ตัวจัดรูปแบบจะยกบล็อกเหล่านี้ข้ามมาโดยไม่แตะเนื้อใน และเลื่อนตำแหน่งทั้งก้อนเท่านั้น ไฟล์ที่จัดรูปแบบแล้วจึงทำงานเหมือนต้นฉบับทุกประการ
อ่านการซ้อนแทนที่จะเดา
อิลิเมนต์ว่างอย่าง img br และ input ไม่มีการปิดแท็ก ตัวจัดรูปแบบที่เพิ่มย่อหน้าทุกครั้งที่เจอแท็กเปิดจึงไหลลึกลงเรื่อย ๆ ตลอดทั้งหน้า ที่นี่อิลิเมนต์เหล่านี้ถูกรู้จักและระดับย่อหน้าคงเดิม ย่อหน้าที่โผล่มาผิดคาดจึงเป็นสัญญาณจริงว่ามีแท็กที่ยังไม่ได้ปิด ไม่ใช่ผลข้างเคียงของเครื่องมือ
คำถามที่พบบ่อย
ตรวจสอบความถูกต้องของ HTML ให้ด้วยไหม
ไม่ เครื่องมือนี้จัดรูปแบบสิ่งที่คุณให้มาและไม่แก้ไขมาร์กอัป แท็กที่ยังไม่ปิดจะเผยตัวออกมาผ่านย่อหน้าที่ผิดคาด แต่จะไม่มีรายการข้อผิดพลาดออกมาให้
โค้ดของฉันถูกส่งไปเซิร์ฟเวอร์ไหม
ไม่ การจัดรูปแบบทำอยู่บนหน้านี้ เทมเพลตภายในองค์กรและหน้าที่อยู่หลังการล็อกอินจึงยังอยู่บนเครื่องของคุณ
รับไหวทั้งหน้าเลยไหม
ไหว รองรับมาร์กอัปได้ราวห้าเมกะไบต์ เกินกว่านั้นสิ่งที่หนักคือการแสดงผลลัพธ์ ไม่ใช่การจัดรูปแบบ
คอมเมนต์จะเป็นอย่างไร
คอมเมนต์ถูกเก็บไว้และวางไว้บนบรรทัดของตัวเอง คอมเมนต์แบบมีเงื่อนไขก็ถูกเก็บไว้เช่นกัน เพราะข้างในบรรจุมาร์กอัปสำหรับเบราว์เซอร์รุ่นเก่า
เครื่องมือที่เกี่ยวข้อง
- ย่อขนาด HTML วาง HTML แล้วรับกลับไปโดยไม่มีช่องว่างที่ไม่มีใครเห็น ตัวนับใต้ช่องกรอกจะบอกว่าประหยัดไปได้เท่า…
- จัดรูปแบบ CSS วางสไตล์ชีตลงไป แม้จะมาเป็นบรรทัดเดียวยาว ๆ ก็กลับมาอ่านได้อีกครั้ง แต่ละดีคลาเรชันจะได้บรรทัดข…
- จัดรูปแบบ XML XML ที่โปรแกรมสร้างขึ้นมักมาเป็นบรรทัดยาวมหึมาบรรทัดเดียว วางไว้ที่นี่แล้วโครงสร้างจะปรากฏออกมา…
- จัดรูปแบบและตรวจสอบ JSON วาง JSON ลงไปแล้วรับผลลัพธ์ที่จัดรูปแบบ ตรวจสอบ หรือย่อขนาดแล้ว ข้อมูลอยู่ในเบราว์เซอร์ของคุณ ไ…
- ย่อขนาด CSS วางสไตล์ชีตลงไปแล้วรับกลับมาในรูปที่ถูกบีบแล้ว ตัวนับใต้กล่องแสดงขนาดก่อนและหลัง คุณจึงเห็นได้เ…
- จัดรูปแบบ SQL วางคำสั่งที่ได้จากไฟล์บันทึกหรือจาก ORM ซึ่งมาเป็นบรรทัดเดียวยาว แล้วอ่านมันเป็นคำสั่งอีกครั้ง…