Pencantik dan Pemformat HTML Dalam Talian

Fungsi Utama dan Contoh Kerja

Alat ini membantu anda membaca dan menyelenggara kod HTML dengan memformat semula struktur tag. Sebagai contoh, input <div><p>Hello</p></div> apabila dicantikkan akan menjadi:

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

Apabila diminimumkan, ulasan HTML dan ruang antara tag akan dibuang, tetapi ruang teks biasa dalam elemen dikekalkan.

Parameter Sebenar

• Had input: 500000 aksara.
• Pilihan inden: dua ruang, empat ruang, atau tab.
• Mod: cantikkan atau minimumkan.

Batasan dan Amaran

Alat ini menggunakan corak tag, bukan penghurai HTML penuh. Ia menganggap br, hr, img, input, link dan meta sebagai tag void. Walau bagaimanapun, skrip, gaya, templat, teks praformat, elemen void yang tidak biasa dan markup yang salah mungkin tidak diinden dengan selamat. Alat ini tidak membersihkan HTML, tidak memaparkan pratonton, tidak mengesahkan kebolehaksesan, tidak membaiki markup, tidak melaksanakan skrip, dan tidak menjamin pengeluaran yang selamat untuk produksi. Sentiasa periksa dan uji hasil sebelum menggantikan sumber.

Soalan Lazim (FAQ)

1. Bagaimana alat ini mengendalikan tag yang tidak biasa seperti custom-element?

Alat ini menggunakan heuristik corak tag dan tidak mengenali elemen tersuai sebagai void. Ia mungkin menginden dengan cara yang tidak dijangka. Untuk markup yang kompleks, semak output dengan teliti.

2. Adakah alat ini memadamkan ruang dalam teks biasa?

Tidak. Dalam mod minimumkan, ia hanya membuang ruang antara tanda kurung sudut penutup dan pembuka seterusnya. Ruang dalam teks biasa (misalnya, antara perkataan) dikekalkan.

3. Bolehkah saya menggunakan alat ini untuk HTML yang mengandungi JavaScript?

Alat ini tidak melaksanakan skrip dan tidak mengubah kandungan skrip. Walau bagaimanapun, inden mungkin tidak selamat untuk kandungan <script> atau <style> kerana ia tidak menggunakan penghurai penuh. Uji hasil dengan teliti.

Semakan Pantas

• Pilih saiz inden yang sesuai.
• Pilih mod cantikkan atau minimumkan.
• Salin output dan sahkan strukturnya.
• Semak tag void dan markup kompleks.
• Uji hasil sebelum digunakan dalam produksi.