Apa itu Indentasi HTML?

Indentasi HyperText Markup Language ( HTML ) adalah sifat tag atau cascading style sheet ( CSS ) yang menyebabkan satu atau lebih unsur 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 sifat 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 pada seluruh blok, yang dapat dicapai dengan sifat pemformatan yang berbeda.

Cara yang paling banyak diterima untuk menyisipkan lekukan ke dalam dokumen HTML adalah dengan menggunakan CSS untuk mengubah sifat indentasi teks dari paragraf yang berisi teks.

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 teks ditempelkan ke program pengeditan HTML apa yang Anda lihat adalah apa yang Anda dapatkan (WYSIWYG). Untuk membuat indentasi untuk baris pertama paragraf, atau untuk membuat indentasi seluruh blok teks, kode HTML dan CSS khusus harus digunakan.

Sifat indentasi teks unsur 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 berupa 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 pembacaan kiri-ke-kanan. Sifat indentasi teks yang sama digunakan untuk indentasi HTML yang menggantung, kecuali bahwa nomor untuk jumlah indentasi adalah 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 sifat 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.