จัดรูปแบบ HTML
ปรับปรุง HTML ด้วยการเยื้องที่รู้จัก block หรือย่อ เนื้อหาของ pre, textarea, script และ style ถูกเก็บไว้
เครื่องมือที่เกี่ยวข้อง
วิธีใช้ HTML Formatter
- 01
วาง HTML ของคุณลงในกล่องอินพุต
- 02
เลือก ปรับปรุง เพื่อเยื้องหรือ ย่อ เพื่อบีบอัด
- 03
เลือกขนาดการเยื้อง แล้วคัดลอกผลลัพธ์
ตัวจัดรูปแบบ HTML ทำอะไร
นี่คือตัวจัดรูปแบบ HTML ที่จัดมาร์กอัปให้อ่านง่ายด้วยการเยื้องที่เข้าใจองค์ประกอบแบบบล็อกและอินไลน์ หรือย่อโค้ดด้วยการรวมช่องว่างและลบความคิดเห็น คุณเลือกขนาดการเยื้องได้เมื่อจัดรูปแบบ
การทำให้องค์ประกอบการเยื้องสวยงามขึ้นตามลักษณะการจัดวาง ดังนั้นโครงสร้างของเอกสารซึ่งมีองค์ประกอบใดอยู่จะชัดเจน นั่นทำให้ HTML ที่เขียนด้วยลายมือหรือที่สร้างขึ้นนั้นง่ายต่อการอ่านและแก้ไขข้อบกพร่อง
ทั้งการตกแต่งและย่อขนาดจะทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นมาร์กอัปของคุณจะไม่มีวันออกจากอุปกรณ์ของคุณ
องค์ประกอบที่ทิ้งไว้ไม่ถูกแตะต้อง
โดยจงใจปล่อยให้เนื้อหาของส่วนก่อนหน้า พื้นที่ข้อความ สคริปต์ และสไตล์ไม่มีการแตะต้อง เนื่องจากช่องว่างภายในองค์ประกอบเหล่านั้นมีความสำคัญ: การจัดรูปแบบใหม่จะเปลี่ยนข้อความที่จัดรูปแบบไว้ล่วงหน้า สิ่งที่ผู้ใช้พิมพ์ หรือความหมายของโค้ดของคุณ
การลดขนาดทำงานอย่างไร
การลดขนาดจะลบความคิดเห็นและการยุบช่องว่าง ซึ่งจะทำให้ขนาดไฟล์ที่เบราว์เซอร์ต้องดาวน์โหลดลดลง มีประโยชน์มากที่สุดเป็นขั้นตอนการสร้างสำหรับเพจที่ใช้งานจริง
ทำไมมันถึงมีช่องว่างระหว่างแท็ก
ตัวย่อจะเก็บช่องว่างระหว่างแท็กไว้เพียงช่องเดียว แทนที่จะลบออกทั้งหมด เนื่องจากช่องว่างระหว่างองค์ประกอบในบรรทัดจะถูกแสดงผลจริง ๆ และการปล่อยทิ้งไว้อาจทำให้เลย์เอาต์ของคุณเปลี่ยนได้ ข้อควรระวังนี้จะช่วยหลีกเลี่ยงข้อบกพร่องด้านการมองเห็นอันละเอียดอ่อนที่เกิดจากตัวย่อแบบก้าวร้าว
คำถามที่พบบ่อย
การปรับปรุง HTML ทำอะไร?
เยื้อง elements ตามโครงสร้าง ขณะที่ปล่อยเนื้อหาของ pre, textarea, script และ style ไม่แตะ เนื่องจากช่องว่างมีนัยสำคัญที่นั่น
การย่อ HTML ทำงานอย่างไร?
ลบความคิดเห็นและยุบช่องว่างเป็นช่องว่างเดียว เก็บช่องว่างเดียวระหว่าง tags แทนที่จะลบ เพราะช่องว่างระหว่าง elements inline ถูกแสดงผลและการลบอาจเปลี่ยน layout
HTML ของฉันถูกส่งไปยังเซิร์ฟเวอร์ไหม?
ไม่ ทั้งการปรับปรุงและย่อทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้น markup ของคุณไม่ออกจากอุปกรณ์