Apa itu Indentasi HTML?

Indentasi HyperText Markup Language (HTML) adalah properti tag atau cascading style sheet (CSS) yang menyebabkan satu atau lebih elemen visual pada halaman web dipindahkan pada jarak tertentu dari margin blok pembatasnya. Efek penggunaan indentasi HTML sama dengan penggunaan indentasi di media cetak. Cara yang paling banyak diterima untuk menyisipkan lekukan ke dalam dokumen HTML adalah dengan menggunakan CSS untuk mengubah properti indentasi teks dari paragraf yang berisi teks. Beberapa pernyataan pemformatan, seperti daftar dan kutipan blok, secara otomatis membuat indentasi kontennya untuk membedakannya dari teks di sekitarnya. Menggunakan CSS untuk menyisipkan indentasi HTML hanya berfungsi pada baris pertama paragraf dan tidak akan berfungsi di seluruh blok, yang dapat dicapai dengan properti pemformatan yang berbeda.

Cara standar HTML beroperasi, beberapa spasi dan karakter tab yang digunakan di sebagian besar komputer untuk membuat lekukan dihapus dari file sebelum kode diurai untuk ditampilkan. Ini berarti teks yang muncul diformat dalam pengolah kata tidak akan mempertahankan pemformatan itu jika ditempelkan langsung ke dokumen HTML, kecuali jika teks ditempelkan ke program pengeditan HTML apa yang Anda lihat adalah apa yang Anda dapatkan (WYSIWYG). Untuk membuat lekukan pada baris pertama paragraf, atau untuk membuat indentasi seluruh blok teks, kode HTML dan CSS khusus harus digunakan.

Properti indentasi teks elemen level blok di CSS akan membuat indentasi item pertama yang tidak diformat dan dirender dalam sebuah blok. Jumlah lekukan harus ditentukan secara numerik. Opsi ini memungkinkan pengguna untuk menentukan angka yang memberi tahu browser berapa banyak piksel, titik, sentimeter, atau bentuk pengukuran lain yang harus diindentasi oleh garis. Angka ini juga bisa menjadi persentase dari total lebar balok. Opsi CSS ini hanya berfungsi pada tingkat blok, hanya membuat indentasi baris pertama, dan tidak akan berfungsi pada item yang sudah memiliki tipe perilaku pemformatan yang telah ditentukan sebelumnya, seperti daftar berpoin.

Indentasi HTML yang menggantung adalah kebalikan dari indentasi standar dan akan menarik baris pertama dari blok ke belakang sehingga dirender ke kiri dari sisa baris paragraf saat teks disejajarkan untuk dibaca dari kiri ke kanan. Properti indentasi teks yang sama digunakan untuk indentasi HTML gantung, kecuali bahwa jumlah indentasinya negatif. Metode ini hanya berfungsi jika nilai margin dan batas blok cukup besar untuk menampung indentasi gantung.

Dimungkinkan untuk mendefinisikan indentasi HTML yang memindahkan seluruh blok atau paragraf. Ini dapat dilakukan dengan beberapa properti CSS di tingkat blok, termasuk memodifikasi margin atau menempatkan blok penampung lebih dalam ke halaman. Itu juga dapat dicapai dengan tag HTML dasar seperti blockquote atau pre, yang merupakan singkatan dari teks yang telah diformat sebelumnya. Kelemahan dalam menggunakan tag dasar untuk membuat indentasi HTML adalah jumlah teks yang akan dipindahkan tidak dapat dikontrol atau diatur secara eksplisit.