Apakah ada istilah khusus untuk talang horisontal?

12

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 )

masukkan deskripsi gambar di sini

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".

— JDB masih ingat Monica
sumber

Pertanyaan bagus, saya tidak tahu istilah untuk itu. Namun, istilah talang sering disalahgunakan. Jarak antar kolom disebut gang . Lihat gambar ini untuk klarifikasi

— Zach Saucier

Anda secara khusus tidak bermaksud memimpin di sini, bukan? Bagaimana dengan jarak paragraf?

— e100

Konteks adalah segalanya. Karena ini terdengar seperti tabel, saya sarankan meminjam terminologi apa pun yang digunakan MS Excel saat memilih opsi pemformatan untuk sel spreadsheet (saya pikir ini 'padding' IIRC)

— DA01

Adapun jarak paragraf jika kita benar-benar berbicara tentang ruang horizontal antara paragraf dalam kolom saya percaya istilah desainer grafis yang digunakan adalah 'jarak paragraf'.

— DA01

Penspasian sel tidak benar, karena hal itu menambah ruang di luar tabel / kisi

— JDB masih mengingat Monica

3

Jawaban singkat

Saya akan menggunakan "spasi baris".

Jawaban panjang

Seperti 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.

— Profesor pemrograman
sumber

1

Spesifikasi CSS Grid yang baru mendefinisikan grid-row-gapdangrid-column-gap , tapi saya sebenarnya suka "jarak" sedikit lebih baik.

— JDB masih mengingat Monica

7

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.)

masukkan deskripsi gambar di sini

Dalam kata-kata W3C:

Margin membersihkan area di sekitar elemen (di luar perbatasan). Margin tidak memiliki warna latar belakang, dan sepenuhnya transparan. sumber

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

Cellpaddingdan cellspacingmirip dengan paddingdan margin, 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 itu cellspacing. Jika Anda berbicara tentang daerah persegi panjang secara umum (seperti di daerah yang ditetapkan oleh <div>, <span>, <img>atau tag lainnya), maka marginakan lebih akurat.

Sama seperti komentar sampingan, harap perhatikan bahwa cellpadingdan cellspacingatribut 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 CSS paddingdan marginsebagai 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.

— cockypup
sumber

2

"Margin" adalah istilah umum yang mengacu pada ruang di sekitar elemen, sedangkan "selokan" secara khusus mengacu pada ruang antara elemen. Misalnya, jika dua elemen yang berdekatan masing-masing memiliki margin 10px, maka selokan di antara mereka akan menjadi 20px lebar. Saya telah melihat "selokan" sering digunakan dalam berbagai kerangka tata letak kotak, jadi saya tidak berpikir itu di luar batas dalam konteks situs web. Saya hanya ingin tahu apakah itu istilah yang tepat untuk ruang antara elemen yang ditumpuk secara vertikal.

— JDB masih mengingat Monica

1

@ JDB: Cukup adil ... Saya kira penerimaan "selokan" karena ruang antara elemen akan tergantung pada audiens Anda. BTW, dalam margin HTML / CSS kadang-kadang runtuh bersama sehingga dua elemen dengan margin 10px tidak harus memiliki selokan 20px. Mereka mungkin berakhir dengan selokan 10px jika margin runtuh. css-tricks.com/almanac/properties/m/margin

— cockypup

Juga, (tidak mengganggu, saya hanya sangat antusias tentang tema ini) di "margin" CSS bukan istilah umum. Ini memiliki definisi yang sangat spesifik. w3.org/TR/CSS2/box.html

— cockypup

1

Poin yang bagus. Saya setuju akan lebih baik untuk memiliki istilah yang mengacu pada "ruang aktual yang akhirnya tersisa di antara elemen-elemen".

— cockypup

1

Meskipun mereka mendaftar semua cara margin tidak akan runtuh, "margin collapse tampaknya menjadi pengecualian daripada aturan dalam dokumentasi. Paling tidak, dokumentasi itu dibaca seperti buku tata bahasa Inggris: tidak ada aturan dan semua pengecualian. Mungkin, setidaknya untuk tim Anda, Anda mendefinisikan istilah (seperti "gang") yang merupakan margin vertikal antara elemen setelah (non-) runtuh

— Yorik

4

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 paddingsepertinya pilihan yang paling jelas. Atau cell spacing.

— Scott
sumber

Apakah istilah ini juga berlaku untuk spasi setelah bagian? atau hanya paragraf?

— Zach Saucier

1

Ini berlaku untuk area mana pun di mana ruang horizontal digunakan. Pada hari-hari tipe panas, siput itu digunakan untuk menciptakan ruang yang datar secara horizontal di antara area mana pun yang di-setet apakah itu paragraf, kolom, aturan, dll.

— Scott

Saya suka, tapi ini sangat membingungkan dalam desain web karena ada definisi kedua yang dimainkan.

— JDB masih mengingat Monica

1

Slug adalah istilah yang digunakan untuk spasi apa pun. Siput dari logam yang tersembunyi sehingga tidak ada tinta yang menempel. Mereka digunakan untuk membuat spasi horizontal dan menyelaraskan tipe, serta antara tipe untuk membuat spasi paragraf atau kebutuhan spasi lainnya. Saya menyadari ini bukan istilah yang disadari oleh banyak desainer saat ini, kecuali mereka mungkin bekerja untuk surat kabar. Itu tidak berarti itu tidak akurat. Barang-barang vertikal adalah tinggi, mengarah, dan siput. Dalam hal desain web yang ketat, saya cenderung menggunakan "margin".

— Scott

1

... dan sadari pertanyaannya telah diedit untuk menambahkan lebih banyak setelah saya memposting jawaban ini. Tidak ada penyebutan "web" yang sebenarnya sebelumnya.

— Scott

1

Dalam desain tata letak selokan horizontal dalam sebuah grid disebut "garis aliran" atau "garis gantung"

— pengguna129052
sumber

2

Selamat datang di GD.SE! Tolong jelaskan jawaban Anda dengan lebih baik. Apa yang Anda maksud dengan "desain tata letak"?

— Mensch

Untuk menambah apa yang dikatakan Kurt, mungkin Anda bisa memasukkan contoh visual juga.

— WELZ