Pemformat HTML
Rapikan indentasi dokumen HTML tanpa mengubah cara tampilannya, sepenuhnya di browser Anda.
Berjalan sepenuhnya di browser Anda. Tidak ada yang diunggah, dicatat, atau disimpan.
Tempelkan halaman yang diminifikasi atau berindentasi buruk dan bacalah dengan semestinya. Pemformatan dilakukan di browser Anda, dan dokumen yang keluar ditampilkan persis sama dengan dokumen yang masuk.
Cara kerja
Dokumen dibaca menjadi sebuah pohon—di situlah elemen kosong, isi script dan style, serta tag penutup opsional HTML diselesaikan—lalu ditulis ulang dengan indentasi baru.
Letak jeda baris ditentukan oleh cara browser membaca spasi, bukan oleh apa yang tampak rapi. Setiap deretan spasi ditampilkan sebagai satu spasi, sehingga mengubah spasi menjadi jeda baris dan indentasi tidak mengubah apa pun. Membuat spasi di tempat yang tadinya tidak ada justru mengubah sesuatu: itulah yang membuat dua elemen inline yang berdempetan menjadi terpisah oleh spasi.
Jadi spasi hanya ditambahkan atau dihapus di antara kotak blok dan di tepi sebuah kotak blok, tempat browser tidak menampilkan spasi apa pun. Pengecualian itulah yang memungkinkan halaman yang diminifikasi dibuka, dan itu pula sebabnya deretan elemen inline tetap berada di baris tempatnya semula.
Tag yang tidak pernah dikenal pemformat diperlakukan sebagai inline, karena itulah jawaban yang tidak menambahkan spasi dan karenanya tidak mungkin mengubah halaman.
Contoh
| Kasus | Masukan | Hasil |
|---|---|---|
| Daftar tanpa indentasi | <ul><li>One</li><li>Two</li></ul> | <ul> <li>One</li> <li>Two</li> </ul> |
Pertanyaan umum
Apakah halaman saya dikirim ke suatu tempat?
Tidak. Pemformat ini adalah JavaScript yang berjalan di halaman ini. Tidak ada yang diunggah, dicatat, atau disimpan: Anda bisa memutus jaringan dan alat ini tetap berfungsi.
Mengapa elemen inline saya tetap dalam satu baris?
Karena memindahkannya akan mengubah halaman Anda. Spasi di antara dua kotak inline ditampilkan sebagai spasi, sehingga menaruh <span>a</span><span>b</span> dalam dua baris menyisipkan celah di antara keduanya yang sebelumnya tidak ada. Sebagian besar pemformat tetap melakukannya; pemformat ini tidak.
Apakah alat ini akan menutup tag saya yang tidak tertutup?
Tidak. Alat ini memahami bahwa item daftar kedua menutup item pertama, sehingga indentasi daftar Anda tetap benar, tetapi alat ini menulis ulang tag sebagaimana yang Anda tulis. Menambahkan tag penutup berarti menyunting markup Anda alih-alih menatanya, dan letak tepatnya tidak selalu jelas.
Apakah alat ini memvalidasi HTML?
Tidak. Alat ini tidak punya skema, tidak punya aturan tentang elemen mana yang boleh memuat elemen mana, dan tidak punya pendapat tentang atribut Anda. Satu-satunya yang ditolaknya adalah tag, komentar, atau blok script yang tidak ditutup, karena sejak titik itu alat ini tidak lagi dapat membedakan markup dari teks.
Bagaimana dengan script dan style saya?
Dikembalikan byte demi byte. Di dalam script, < adalah tanda lebih kecil, bukan awal sebuah tag, dan di dalam <pre> atau <textarea> setiap spasi adalah milik Anda. Keempat elemen itu dibiarkan persis seperti semula. Jika Anda ingin memformat skrip atau stylesheet itu sendiri, pemformat CSS ada di sebelahnya.
Perlu diketahui
- Dokumen yang keluar ditampilkan sama dengan dokumen yang masuk. Hal itu dipastikan oleh pengujian terhadap sebuah korpus, bukan diserahkan pada pemeriksaan mata.
- Tidak ada yang dikarang: tidak ada tag penutup yang ditambahkan, tidak ada atribut yang diberi tanda kutip ulang, tidak ada entitas yang didekode, dan tidak ada huruf besar-kecil nama tag yang diubah. Hanya spasi di antara atribut yang berubah, karena spasi itu tidak pernah ditampilkan.
- Lebar bungkus menentukan apakah elemen dengan isi inline tetap dalam satu baris atau dibuka, sehingga paragraf pendek terbaca sebagai satu baris dan paragraf panjang dipecah pada spasi yang memang sudah ada.