ID

HTML formatter

HTML formatter ini mengembalikan kode sumber HTML yang Anda tempel dalam bentuk rapi berindentasi atau ringkas (minify). Semuanya berjalan di browser, tidak ada yang diunggah, dan blok pre, skrip, serta nilai atribut tidak diubah.

Sumber: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Diperbarui: .

Tempel satu dokumen utuh atau hanya potongan (hingga 500.000 karakter).

Teks Anda tetap di browser Anda – tidak dikirim, tidak disimpan, dan tidak ditambahkan ke bilah alamat.

Kotak Alat SayaInput Anda hanya disimpan di browser ini.

Hasil

Hasil
<div class="kartu"> <h2>Judul</h2> <p>Paragraf <strong>singkat</strong> dengan sedikit <em>penekanan</em>.</p> <ul> <li>Satu</li> <li>Dua</li> </ul> <hr> </div>
Ukuran
17 tag, 152 → 178 karakter.

Cara menghitung

Cara memformat HTML

  1. Tempel kode sumber ke kolom: dokumen utuh atau hanya sebagian.
  2. Di “Tindakan” pilih Format atau Minify, lalu atur indentasi bila perlu.
  3. Salin hasilnya kembali ke editor Anda.

Yang dilakukan saat memformat

Yang dilakukan saat minify

Deretan spasi dan baris baru menjadi satu spasi, dan komentar dibuang (komentar kondisional untuk browser lama dipertahankan). Di antara elemen blok spasi hilang sepenuhnya; di antara elemen inline satu spasi tetap ada karena browser menampilkannya. CSS di dalam style dipadatkan, JavaScript tidak disentuh.

Keterbatasan

Ini bukan parser HTML lengkap: kode yang salah tidak diperbaiki, melainkan diteruskan sedekat mungkin dan diberi peringatan. Templat dengan sintaks sisi server seperti {% if %} atau <?php ?> bisa menghasilkan indentasi yang janggal.

Pertanyaan umum

Bagaimana cara memformat HTML online?

Tempel kode, pilih “Format”, lalu salin hasil yang sudah berindentasi. Tidak perlu akun.

Apakah kode HTML saya diunggah?

Tidak. Pemrosesan berjalan sepenuhnya di browser Anda; kode tidak dikirim maupun disimpan.

Bagaimana memformat HTML di VS Code atau Notepad++?

Di VS Code tekan Shift+Alt+F; di Notepad++ gunakan plugin pemformat. Alat ini pilihan cepat saat tidak ada editor.

Apakah minify mengubah tampilan halaman?

Biasanya tidak: browser sudah menyatukan spasi berulang menjadi satu. Blok pre adalah pengecualian dan dibiarkan utuh.

Bisakah CSS dan JavaScript ikut diformat?

Gaya dan skrip di dalam HTML diberi indentasi tetapi tidak ditulis ulang. Untuk CSS saja ada minifier CSS, untuk JSON ada pemformat JSON.

Sumber dan dasar hukum

Diperbarui: · Kebijakan editorial

Alat terkait