Konteks
Tim saya sedang mengerjakan situs web yang responsif dan kami mengizinkan pengguna untuk mengonfigurasi beberapa properti halaman, termasuk spasi di antara "sel" kotak. Kami memiliki percakapan tentang terminologi yang benar untuk mengidentifikasi "ruang antar sel". Jelas kami bisa menggunakan sesuatu seperti "margin", tapi itu agak terlalu luas karena itu akan termasuk ruang antara halaman dan sel-sel terluar. Kami ingin mengidentifikasi ruang antar sel saja. Pengguna kami tidak selalu mengerti teknologi (artinya CSS, dll), tetapi mungkin memiliki latar belakang dalam desain grafis (atau setidaknya terbiasa dengan terminologi umum).
Pertanyaan
"Selokan" sepertinya istilah yang paling benar, tetapi sebagian besar definisi untuk "selokan" yang dapat saya temukan secara spesifik merujuk pada ruang antar kolom .
Apakah ada istilah khusus untuk ruang antar baris ? Atau apakah tepat menyebut mereka sebagai "talang horisontal"?
Contoh
Berikut adalah ilustrasi dari apa yang saya coba identifikasi.
(Gambar dipinjam dari https://www.init.de/en/news/responsive-design )
Masalah dengan Terminologi Saya Saat Ini
"Talang Horizontal (/ Vertikal)" agak membingungkan, menurut pendapat saya, karena tidak jelas apakah selokan berada di antara elemen horisontal (/ vertikal) atau jika ia menyediakan ruang horizontal (/ vertikal) antara vertikal (/ elemen horisontal). Ada beberapa ketidaksepakatan dalam tim saya tentang definisi mana yang akurat, jadi saya pikir itu bukti yang cukup bahwa frasa tersebut sebenarnya membingungkan.
Setidaknya dalam kaitannya dengan web, "padding" dan "margin" tidak sesuai untuk apa yang saya jelaskan. Padding mengacu pada ruang antara perbatasan dan konten, sedangkan margin mengacu pada ruang di sekitar elemen. Dua elemen yang berdekatan dengan margin 10px masing-masing akan memiliki selokan 20px di antara mereka. (Ya, saya sadar bahwa margin CSS sering runtuh, tetapi tidak selalu .)
Saya telah melihat istilah "selokan" yang sering digunakan dalam kerangka kerja jaringan responsif, jadi saya tahu itu istilah yang dapat diterima dalam pengembangan web. Saya hanya ingin tahu apakah ada istilah yang lebih tepat untuk "talang horisontal".
sumber
Jawaban:
Saya akan menggunakan "spasi baris".
Jawaban panjangSeperti yang disebutkan JDB, saya juga lebih suka menggunakan istilah yang berhubungan dengan web daripada mencoba mengimpor istilah pengaturan huruf dari dunia media cetak (menarik).
Saya akan menggunakan istilah "jarak kolom" dan "spasi baris" karena sebagian besar tata letak kotak menggunakan istilah "kolom" dan "kotak". Saya akan menghindari penggunaan istilah "margin" dan "padding" untuk menghindari bentrok dengan kata kunci CSS.
sumber
grid-row-gap
dangrid-column-gap
, tapi saya sebenarnya suka "jarak" sedikit lebih baik.Dalam lingkup desain web, yang tampaknya menjadi ruang lingkup pertanyaan OP, saya lebih suka menggunakan istilah yang berhubungan dengan web daripada mencoba mengimpor istilah pengaturan huruf dari dunia media cetak (menarik).
Saya akan menyebutnya "margin vertikal" seperti pada properti margin CSS. Margin adalah jarak antara batas elemen yang berdekatan (sebagai lawan dari padding, yang merupakan jarak di dalam elemen, antara perbatasannya dan kontennya.)
Dalam kata-kata W3C:
Harap perhatikan bahwa batas elemen dapat transparan. Tidak perlu terlihat.
Pengembang terikat untuk memahami istilah ini dengan cukup jelas. Dan, menurut pendapat saya, meskipun "margin" kurang menarik daripada "selokan", "lorong" atau "siput", klien terikat untuk menemukannya sebagai istilah yang ramah.
Penyimpangan
Cellpadding
dancellspacing
mirip denganpadding
danmargin
, tetapi mereka terlalu spesifik. Mereka adalah atribut html valid<table>
dan<td>
tag yang bertentangan dengan atribut CSS umum. Mereka tidak dapat diterapkan ke tag lain selain itu. Jika Anda hanya berbicara tentang tabel (seperti dalam konstruksi yang dibuat menggunakan<table>
tag) maka Anda akan benar jika Anda memanggil area itucellspacing
. Jika Anda berbicara tentang daerah persegi panjang secara umum (seperti di daerah yang ditetapkan oleh<div>
,<span>
,<img>
atau tag lainnya), makamargin
akan lebih akurat.Sama seperti komentar sampingan, harap perhatikan bahwa
cellpading
dancellspacing
atribut sangat disukai desainer web dan pengembang modern karena jenis atribut ini mencampuradukkan struktur (HTML) dengan gaya (CSS) yang menghasilkan halaman yang lebih sulit untuk dipertahankan dan / atau dikembangkan oleh tim. Pengembang didorong untuk tidak menggunakan atribut ini dan menggunakan atribut CSSpadding
danmargin
sebagai gantinya.Hal yang sama berlaku untuk menggunakan tabel untuk membuat tata letak umum, seperti dulu. Purist mengklaim bahwa tabel harus digunakan hanya untuk menampilkan data tabular.
<div>
dan<span>
tag harus digunakan untuk perancah. Semua ini berharap bahwa suatu hari kita akan memiliki halaman web yang semantik benar adalah tag menandai konteks secara semantik sebagai lawan hanya rigging backstage saja.sumber
Dalam istilah typesetting, Slug adalah istilah umum untuk celah horizontal. - Spasi setelah / sebelum paragraf, celah horizontal antara bagian, atau antara aturan, dll. Siput memiliki ukuran yang ditentukan mirip dengan ukuran jenis dan akan ditempatkan sejajar dengan jenis logam untuk membuat jarak vertikal yang tepat.
berdasarkan edit ....
Cell padding
sepertinya pilihan yang paling jelas. Ataucell spacing
.sumber
Dalam desain tata letak selokan horizontal dalam sebuah grid disebut "garis aliran" atau "garis gantung"
sumber