CanDoYa
TH

จัดรูปแบบ HTML ฟรี

ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก

HTML
HTML ที่จัดรูปแบบแล้ว
วาง HTML เพื่อจัดรูปแบบ
แชร์เครื่องมือนี้

ตัวจัดรูปแบบ HTML ทำอะไรได้บ้าง?

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

วิธีใช้งาน

  1. 1วาง HTML. เพิ่มเอกสาร HTML ทั้งฉบับ เทมเพลต หรือส่วนย่อยลงในช่องป้อนข้อมูล หรือโหลดตัวอย่าง
  2. 2เลือกการเยื้อง. เลือก 2 ช่องว่าง 4 ช่องว่าง หรือแท็บ ผลลัพธ์ที่จัดรูปแบบแล้วจะอัปเดตทันที
  3. 3ตรวจโครงสร้าง. ดูจำนวนองค์ประกอบ แอตทริบิวต์ และระดับความลึก แล้วตรวจผลลัพธ์ที่เยื้องไว้
  4. 4คัดลอกผลลัพธ์. คัดลอก HTML ที่จัดรูปแบบแล้วไปวางในโปรแกรมแก้ไข CMS หรือการตรวจโค้ด

เหมาะกับใคร

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

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

ตัวจัดรูปแบบ HTML นี้ใช้ฟรีหรือไม่?

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

HTML ของฉันจะถูกอัปโหลดหรือไม่?

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

จัดรูปแบบ HTML ได้มากแค่ไหน?

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

รองรับแท็กที่ไม่มีแท็กปิดหรือไม่?

รองรับ เครื่องมือรู้จักองค์ประกอบว่างของ HTML5 เช่น img, br, input, meta และ link ซึ่งไม่ต้องมีแท็กปิด รวมถึงแท็กปิดที่ละได้ของรายการ ย่อหน้า option แถว และเซลล์ตาราง เพื่อคำนวณการเยื้องให้ถูกต้อง

เนื้อหาใน script และ style จะเปลี่ยนไปหรือไม่?

เครื่องมือถือว่าเนื้อหาใน script และ style เป็นข้อความดิบ จึงไม่เข้าใจผิดว่าโอเปอเรเตอร์เปรียบเทียบ ตัวเลือก CSS หรือสตริงที่มีเครื่องหมายน้อยกว่าเป็นแท็ก HTML เครื่องมือปรับการเยื้องของบล็อก แต่ไม่เขียน JavaScript หรือ CSS ใหม่

เครื่องมือตรวจสอบหรือซ่อม HTML ที่ไม่ถูกต้องหรือไม่?

ไม่ เครื่องมือนี้มีไว้จัดรูปแบบ ไม่ใช่ตัวตรวจมาตรฐานหรือบริการซ่อมอัตโนมัติ เครื่องมือจะแจ้งความคิดเห็น คำประกาศ แท็ก และองค์ประกอบข้อความดิบที่ไม่ได้ปิดอย่างชัดเจน พร้อมยอมรับแท็กปิดที่ HTML อนุญาตให้ละได้ หากต้องการตรวจตามมาตรฐานให้ใช้ Nu HTML Checker

ตัวจัดรูปแบบ HTML ต่างจากตัวลดขนาดอย่างไร?

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