Чи є конкретний термін для горизонтальних жолобів?


12

Контекст
Моя команда працює на чуйному веб-сайті, і ми дозволяємо користувачеві налаштувати деякі властивості сторінки, включаючи пробіли між сітками "комірки". Ми мали розмову про правильну термінологію, щоб визначити "простір між клітинками". Очевидно, що ми могли б використовувати щось на кшталт «поля», але це трохи занадто широко, тому що він би містив простір між сторінкою та найвіддаленішими клітинками. Ми хочемо визначити простір лише між клітинками. Наші користувачі не обов'язково мають технічну допомогу (маючи на увазі CSS тощо), але можуть мати певний досвід у графічному дизайні (або, принаймні, бути знайомим із загальною термінологією).

Питання
"жолоб" видається найбільш правильним терміном, але більшість визначень для "жолоба", які я можу знайти, стосуються простору між стовпцями .

Чи існує конкретний термін для проміжку між рядками ? Або доречно просто називати їх "горизонтальними жолобами"?

Приклад
Ось ілюстрація того, що я намагаюся визначити.
(Зображення запозичене з https://www.init.de/en/news/responsive-design )

введіть тут опис зображення

Проблеми з моєю поточною термінологією
"Горизонтальний (/ вертикальний) жолоб", на мою думку, трохи заплутані, тому що незрозуміло, чи знаходиться жолоб між горизонтальними (/ вертикальними) елементами, чи надає горизонтальний (/ вертикальний) простір між вертикальними (/ горизонтальні) елементи. У моїй команді є деякі незгоди щодо того, яке визначення є точним, тому я вважаю, що це достатньо доказів, що ця фраза насправді заплутана.

Принаймні стосовно Інтернету, "padding" та "margin" не підходять для того, що я описую. Під прокладкою позначається простір між межею та вмістом, а межа - пробілом навколо елемента. Два сусідніх елемента з запасом 10 пікселів кожен мають між собою жолоб розміром 20 пікселів. (Так, мені відомо, що часто CSS-поля часто руйнуються, але не завжди .)

Я бачив термін "жолоб", який часто використовується в адаптивних сітках, тому я знаю, що це прийнятний термін у веб-розробці. Мені просто цікаво, чи є більш підходящий термін для «горизонтального жолоба».


Добре запитання, я не знаю терміна для цього. Однак термін жолоб часто вживається. Відстань між стовпчиками правильно називається алеєю . Дивіться це зображення для уточнення
Зак Сосьє

Ви конкретно не маєте на увазі привести сюди, чи ні? Що про інтервал між абзацами?
e100

Контекст - це все. Оскільки це звучить як таблиця, я б запропонував запозичити будь-яку термінологію, яку використовує MS Excel при виборі параметрів форматування комірок електронних таблиць (я думаю, що це "оббивка" IIRC)
DA01,

Що стосується інтервалу між абзацами, якщо ми говоримо по-справжньому про горизонтальний простір між абзацами у стовпці, я вважаю, що термін, який використовують графічні дизайнери, - це «інтервал між абзацами».
DA01

Інтервал між клітинками невірний, оскільки це додає місця навколо зовнішньої сторони / сітки
JDB все ще пам’ятає Моніку

Відповіді:


3
Коротка відповідь

Я б застосував "міжряддя".

Довга відповідь

Як згадував JDB, я також скоріше використовую терміни, пов'язані з веб-сторінками, на відміну від спроб імпортувати терміни набору даних із (захоплюючого) друкованого ЗМІ.

Я б використовував терміни "інтервал між стовпцями" та "інтервал між рядками", оскільки більшість макетів сітки використовують терміни "стовпець" та "сітка". Я б уникав використання термінів "margin" та "padding", щоб уникнути сутичок із ключовими словами CSS.


1
Нова специфікація CSS Grid визначає grid-row-gapіgrid-column-gap , але мені насправді подобається «відстань» лише трохи краще.
JDB досі пам’ятає Моніку

7

Що стосується веб-дизайну, який, мабуть, є предметом питання щодо ОП, я б скоріше використовував терміни, пов’язані з веб-сайтом, на відміну від спроб імпортувати терміни набору тексту із (захоплюючого) друкованого ЗМІ.

Я б назвав це "вертикальним полем", як у властивості поля CSS. Поле - це проміжок між межею сусідніх елементів (на відміну від прокладки, яка є інтервалом всередині елемента, між його межею та його вмістом.)

введіть тут опис зображення

Словами W3C:

Поля очищає область навколо елемента (поза межами). Поле не має фонового кольору і є повністю прозорим. джерело

Зверніть увагу, що рамка елемента може бути прозорою. Це не потрібно, щоб було видно.

Розробники зобов'язані зрозуміти цей термін досить чітко. І, на мою думку, хоч "маржа" менш чарівна, ніж "жолоб", "прохід" чи "куля", клієнти зобов'язані знайти це більш дружнім терміном.

Відступ

Cellpaddingі cellspacingподібні paddingі margin, але вони занадто специфічні. Вони є дійсними атрибутами html <table>та <td>тегів на відміну від загальних атрибутів CSS. Вони не можуть бути застосовані до будь-якого іншого тегу, крім цього. Якщо ви говорите лише про таблиці (як у конструкціях, виготовлених за допомогою <table>тегу), тоді ви будете правильні, якби ви назвали цю область cellspacing. Якщо говорити про прямокутних областей в цілому (як в районах , визначених <div>, <span>, <img>або будь-який інший тег), то marginбуло б більш точним.

Так само , як побічний коментар, будь ласка , увагу , що cellpadingі cellspacingатрибути є вельми хмуритися на сучасних веб - дизайнерів і розробників , так як цей тип атрибутів плутає структури (HTML) зі стилем (CSS) , в результаті сторінок , які важче підтримувати і / або розвиватися команди. Розробникам рекомендується утримуватися від використання цих атрибутів і використовувати атрибути CSS, paddingа marginнатомість.

Те саме стосується використання таблиць для створення загальних макетів, як це було раніше. Пуристи стверджують, що таблиці слід використовувати лише для відображення табличних даних. <div>і <span>мітки слід використовувати для риштування. Все це сподіваючись, що одного разу ми матимемо семантично правильні веб-сторінки, були теги, що позначають контекст семантично, на відміну від того, щоб бути лише за кулісами.


2
"Поля" - це загальний термін, що відноситься до простору навколо елементів, тоді як "жолоб" конкретно відноситься до простору між елементами. Наприклад, якщо два суміжних елемента мають запас в 10 пікселів, то жолоб між ними буде шириною 20 пікселів. Я бачив "жолоби", які часто використовуються в різних схемах компонування сітки, тому не думаю, що це виходить за межі в контексті веб-сайтів. Мені просто цікаво, чи це правильний термін для простору між вертикально складеними елементами.
JDB досі пам’ятає Моніку

1
@JDB: Досить справедливо ... Я думаю, що прийняття "жолоба", оскільки простір між елементами залежатиме від вашої аудиторії. BTW, у полях HTML / CSS іноді згортаються разом, тому два елементи з запасом в 10px не обов'язково мають жолоб 20px. Вони можуть закінчитися жолобом 10 пікселів, якщо поля зруйнуються. css-tricks.com/almanac/properties/m/margin
cockypup

Крім того, (не дратуючи, я просто дуже захоплений цією темою) в CSS "margin" - це не загальний термін. Він має дуже конкретне визначення. w3.org/TR/CSS2/box.html
cockypup

1
Гарна думка. Я погоджуюся, що краще було б мати термін, який посилається на "фактичний простір, який остаточно залишився між елементами".
cockypup

1
Незважаючи на те, що вони перераховують усі способи, за якими поля не будуть згортатися, "крах поля, здається, є винятком, а не правилом в документації. Принаймні, документація звучить як англійські граматичні книги: немає правила і всі винятки. Можливо, принаймні для вашої команди ви визначаєте термін (наприклад, "алея"), який є вертикальним відривом між елементами після (не) краху.
Йорік,

4

У наборі термінів Слуг є загальним терміном для горизонтального зазору. - Пробіл після / перед абзацом, горизонтальний зазор між секціями або між правилами і т. Д. Шлюпка має вказаний розмір, подібний розмірам типу, і розміщуватиметься в рядку з металевим типом, щоб створити належний вертикальний інтервал.

на основі редагування ....

Cell paddingвидається найбільш очевидним вибором. Або cell spacing.


Чи застосовується цей термін і для проміжків після розділів? чи просто абзаци?
Зак Сосьє

1
Він застосовується до будь-якої області, де використовується горизонтальний простір. У часи гарячого типу, шлачок використовувався для створення рівного простору в горизонтальному положенні між будь-якими областями набору, будь то абзаци, стовпці, правила тощо.
Скотт,

Мені це подобається, але це дуже заплутано в веб-дизайні, оскільки в програмі є друге визначення.
JDB досі пам’ятає Моніку

1
Слуг був терміном, який використовувався для будь-яких інтервалів. Шлаки з металу, які були заглиблені, щоб жодна фарба не прилипала. Вони використовувались для створення горизонтального інтервалу та вирівнювання типу, а також між типом для створення інтервалу між абзацами та інших потреб в інтервалі. Я усвідомлюю, що це не термін, про який сьогодні знають багато дизайнерів, якщо б вони не працювали для газет. Це насправді не означає, що це не точно. Вертикальні елементи - це віси, провідники та смоли. З точки зору веб-дизайну, я б схильний використовувати "маржу".
Скотт

1
... і зрозумійте, що питання було відредаговано, щоб додати набагато більше після того, як я опублікував цю відповідь. Раніше реальних згадок про "веб" не було.
Скотт

1

У дизайні макета ці горизонтальні жолоби в сітці називаються «потоковими лініями» або «висячими лініями»


2
Ласкаво просимо на GD.SE! Будь ласка, поясніть свою відповідь краще. Що ви маєте на увазі під "дизайном макета"?
Менш

Щоб додати те, що сказав Курт, можливо, ви можете також включити наочні приклади.
ВЕЛЗ
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.