Percantik Markup HTML yang Berantakan
Pemformat HTML ini mengubah markup yang minified atau kusut menjadi HTML yang bersih dan terindentasi dengan benar secara langsung, tepat di browser Anda. Tempel halaman satu baris atau tumpukan tag bersarang, dan hasil yang dirapikan langsung muncul di panel kanan, dengan indentasi konsisten dan penempatan atribut yang rapi.
Kasus Penggunaan Umum
Membentangkan Halaman Minified
Merapikan Markup
Tinjau & Pelajari
Cara Merapikan HTML
Tempel Markup Anda
Ketik atau tempel HTML ke panel Masukan di sebelah kiri. Anda juga bisa Unggah berkas .html, atau klik Contoh untuk memuat sampel.
Lihat Keluaran Instan
Markup yang sudah dirapikan dengan penyorotan sintaks muncul otomatis di panel kanan saat Anda mengetik. Nomor baris dan penghitung ukuran langsung memudahkan menavigasi dokumen besar. Tekan Ctrl + Shift + F untuk merapikan ulang kapan saja.
Sesuaikan Opsi
Atur indentasi (2, 3, 4, 8 spasi atau Tab), lebar baris, cara atribut dibungkus, dan letak kurung kurawal penutup. Keluaran langsung dirapikan ulang.
Salin atau Unduh
Klik Salin untuk mengambil hasil atau Unduh untuk menyimpannya sebagai berkas .html. Gunakan Edit untuk menyesuaikan keluaran secara manual sebelum mengekspor.
Opsi Pemercantik HTML
Kontrol Pemformatan
Kontrol ini menyesuaikan keluaran HTML Prettier dengan gaya markup pilihan Anda. Setiap perubahan langsung merapikan ulang hasilnya.
| Opsi | Pilihan | Yang Dikontrol |
|---|---|---|
| Indentasi | 2 · 3 · 4 · 8 spasi · Tab | Lebar dan karakter indentasi per tingkat penyarangan (bawaan 4 spasi). |
| Lebar Baris | 80 · 100 · 120 | Panjang baris target sebelum tag dan teks panjang dibungkus (bawaan 80). |
| Atribut | Bungkus otomatis · Satu per baris | Apakah atribut tetap sebaris atau masing-masing di barisnya sendiri. |
| Kurung kurawal | Baris baru · Baris sama | Apakah > penutup tag multibaris turun ke baris baru. |
Apa yang Dirapikan
Tag & Atribut
Penyarangan konsisten, spasi atribut rapi, dan penanganan elemen swatutup dan void yang benar.
CSS & JS Tertanam
Kode di dalam blok <style> dan <script> dirapikan sekaligus bersama markup.
Alat Bawaan
Pemformatan Langsung
Keluaran diperbarui saat Anda mengetik, dengan penyorotan sintaks dan nomor baris yang selaras.
Unggah & Unduh
Muat berkas .html lokal atau ekspor hasil yang dirapikan dengan satu klik.
Keluaran Dapat Diedit
Alihkan panel hasil ke mode edit untuk penyesuaian manual sebelum menyalin.
Pertanyaan yang Sering Diajukan
Apa itu merapikan kode HTML?
Alat ini mengindentasi ulang HTML yang mentah, minified, atau berantakan menjadi markup yang bersih dan mudah dibaca dengan spasi serta jeda baris yang konsisten. "Merapikan HTML" dan "pemercantik HTML" merujuk pada pekerjaan yang sama — membuat markup mudah dibaca dan dipelihara.
Apakah merapikan HTML mengubah hasil tampilan?
Tidak. Merapikan hanya menyesuaikan spasi dan indentasi demi keterbacaan. Tag, atribut, dan konten tetap sama, sehingga halaman tampil dan berperilaku persis seperti sebelumnya.
Apakah HTML saya dikirim ke server?
Tidak. Semua pemformatan terjadi secara lokal di browser Anda. Markup Anda tidak pernah diunggah, dicatat, atau disimpan, sehingga aman untuk merapikan halaman milik pribadi atau yang belum dirilis.
Apakah CSS dan JavaScript yang tertanam ikut dirapikan?
Ya. Kode di dalam tag <style> dan <script> dirapikan sekaligus bersama HTML di sekitarnya, sehingga seluruh dokumen tetap konsisten.
Bisakah saya menaruh setiap atribut di barisnya sendiri?
Ya. Atur opsi Atribut ke "Satu per baris" untuk memecah setiap atribut ke baris terpisah, atau biarkan pada "Bungkus otomatis" agar Prettier memutuskan berdasarkan lebar baris yang Anda pilih.
Apakah juga memperkecil ukuran HTML?
Tidak. Alat ini adalah pemercantik — ia membentangkan dan mengindentasi markup demi keterbacaan, bukan memampatkannya. Untuk mengecilkan halaman untuk produksi, gunakan alat minify HTML khusus.
Apa yang terjadi jika markup salah bentuk?
Jika parser tidak dapat memproses masukan, alat menampilkan pesan yang menjelaskan masalahnya alih-alih menghasilkan keluaran rusak. Perbaiki masalah yang dilaporkan dan hasil yang dirapikan akan muncul kembali.