Есть ли специальный термин для горизонтальных желобов?

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

Вопрос
«Желоб» кажется наиболее правильным термином, но большинство определений «желоба», которые я могу найти, конкретно относятся к пространству между столбцами .

Есть ли специальный термин для пространства между строками ? Или уместно просто называть их «горизонтальными желобами»?

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

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

Проблемы с моей текущей терминологией
«Горизонтальный (/ вертикальный) желоб» немного сбивает с толку, на мой взгляд, поскольку неясно, находится ли желоб между горизонтальными (/ вертикальными) элементами или обеспечивает горизонтальное (/ вертикальное) пространство между вертикальными (/ горизонтальные) элементы. В моей команде есть некоторые разногласия по поводу того, какое определение является точным, поэтому я думаю, что это достаточное свидетельство того, что фраза на самом деле сбивает с толку.

По крайней мере, в отношении Интернета «заполнение» и «маржа» не подходят для того, что я описываю. Заполнение относится к пространству между границей и содержимым, а поле относится к пространству вокруг элемента. Между двумя соседними элементами с отступом в 10 пикселей каждый будет отступ в 20 пикселей. (Да, я знаю, что поля CSS часто схлопываются, но не всегда .)

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

Хороший вопрос, я не знаю термина для него. Тем не менее, термин желоб часто используется неправильно. Расстояние между колоннами правильно называется аллеей . См. это изображение для пояснения
Вы специально не имеете в виду вести здесь, не так ли? Как насчет интервала между абзацами?
Контекст решает все. Поскольку это звучит как таблица, я бы предложил позаимствовать любую терминологию, которую MS Excel использует при выборе параметров форматирования для ячеек электронной таблицы (я думаю, что это «заполнение» IIRC)
Что касается интервала между абзацами , если мы действительно говорим о горизонтальном пространстве между абзацами в колонке, я полагаю, что термин, который используют графические дизайнеры , — это «интервал между абзацами».
Расстояние между ячейками неверно, так как это добавляет пространство за пределами таблицы/сетки.

Ответы (4)

В сфере веб-дизайна, который, кажется, является областью вопроса ОП, я бы предпочел использовать термины, связанные с сетью, а не пытаться импортировать термины набора из (увлекательного) мира печатных СМИ.

Я бы назвал это «вертикальным полем», как в свойстве поля CSS. Поле — это расстояние между границей соседних элементов (в отличие от заполнения, которое представляет собой расстояние внутри элемента, между его границей и его содержимым).

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

По словам W3C:

Поле очищает область вокруг элемента (за границей). Поле не имеет фонового цвета и полностью прозрачно. источник

Обратите внимание, что граница элемента может быть прозрачной. Это не должно быть видно.

Разработчики обязаны четко понимать этот термин. И, на мой взгляд, хотя «маржа» и менее очаровательна, чем «желоб», «проход» или «слаг», клиенты обязательно найдут этот термин более дружелюбным.

Отступление

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

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

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

«Отступ» — это общий термин, относящийся к пространству вокруг элементов, тогда как «желоб» конкретно относится к пространству между элементами. Например, если каждый из двух смежных элементов имеет отступ в 10 пикселей, то отступ между ними будет шириной 20 пикселей. Я видел, как «желоб» часто используется в различных структурах макета сетки, поэтому я не думаю, что это выходит за рамки в контексте веб-сайтов. Мне просто интересно, правильный ли это термин для пространства между вертикально расположенными элементами.
@JDB: Достаточно честно ... Я думаю, что принятие «желоба» в качестве пространства между элементами будет зависеть от вашей аудитории. Кстати, в HTML/CSS поля иногда сливаются вместе, поэтому два элемента с отступом в 10 пикселей не обязательно будут иметь отступ в 20 пикселей. Они могут закончиться отступом в 10 пикселей, если поля рухнут. css-tricks.com/almanac/properties/m/margin
Кроме того, (не раздражая, я просто в восторге от этой темы) в CSS «маржа» не является общим термином. У него очень конкретное определение. w3.org/TR/CSS2/box.html
Это правда, но не всегда. Например, в спецификации flexbox конкретно указано, что поля соседних flex-элементов не схлопываются .
Хорошая точка зрения. Я согласен, что было бы лучше иметь термин, относящийся к «фактическому пространству, которое, наконец, осталось между элементами».
Несмотря на то, что они перечисляют все способы, которыми поля не будут схлопываться, «схлопывание полей» кажется скорее исключением, чем правилом в документации. По крайней мере, документация читается как учебники по английской грамматике: никаких правил и только исключения. Возможно, по крайней мере для вашей команды вы определяете термин (например, «переулок»), который представляет собой вертикальную границу между элементами после (не)схлопывания.
@Yorik: Согласен, что схлопывание полей — одна из самых непредсказуемых и раздражающих особенностей CSS.
Если вы называете это «полем», как вы различаете внешние поля и поля соседних элементов? Конечно, именно здесь использование «маржи» и «желоба» работает лучше, потому что, по крайней мере, вы можете различать их.
Я согласен, что желоб был бы хорошим термином, но если бы ОП искал слово, которое напрямую связано с CSS (неясно, есть ли он), такого понятия, как желоб, не было бы - только поля и отступы.

С точки зрения набора текста, Slug — это общий термин для обозначения горизонтального пробела. - Пробел после/перед абзацем, горизонтальный зазор между разделами или между линиями и т. д. Слаг имеет заданный размер, аналогичный размерам шрифта, и будет размещен на одной линии с металлическим шрифтом для создания надлежащего интервала по вертикали.

судя по редакции....

Cell paddingкажется наиболее очевидным выбором. Или cell spacing.

Применяется ли этот термин и к отступам после секций? или только абзацы?
Это относится к любой области, где используется горизонтальное пространство. Во времена горячего набора слаг использовался для создания ровного пространства по горизонтали между любыми набираемыми областями, будь то абзацы, столбцы, правила и т. д.
Мне это нравится, но это очень сбивает с толку в веб-дизайне, так как в игре есть второе определение.
Контекст всегда важен :) Помимо того, с кем вы разговариваете.
Извините, @Scott, я не знал, какие части контекста будут наиболее актуальны для вопроса.
Я думаю, что «слаг» в этом контексте предшествует большинству графических дизайнеров, работающих сегодня. Даже те из нас, кто постарше, использовали бы определение линии заданного типа с помощью линотипной машины. Таким образом, я бы не стал использовать этот термин в пользовательском интерфейсе веб-сайта, поскольку он не будет узнаваем для большинства.
@scott на самом деле, «горячий тип» часто может относиться к нескольким вещам. Я думаю (но не уверен), что большинство графических дизайнеров, когда они слышат «горячую вершину», думают об эпохе линотипии, когда слаги были фактическими строками шрифта, а не пространством между абзацами. Слизняк будет ВКЛЮЧАТЬ интервал между буквами, но не обязательно интервал между абзацами (конечно, в большинстве мест, где используются линотипы, на самом деле не было интервала между абзацами, поскольку они обычно были газетами).
Slug был термином, используемым для любого интервала. Кусочки металла были утоплены, чтобы чернила не прилипали. Они использовались для создания горизонтального интервала и выравнивания шрифта, а также между шрифтами для создания интервала между абзацами или других потребностей в интервалах. Я понимаю, что многие современные дизайнеры не знают этого термина, если только они, возможно, не работали в газетах. Это не значит, что это не точно. Вертикальные элементы — это xheight, интерлиньяж и слаги. Строго говоря, с точки зрения веб-дизайна, я бы предпочел использовать «маржу».
... и понимаю, что вопрос был отредактирован, чтобы добавить гораздо больше после того, как я опубликовал этот ответ. Раньше не было реального упоминания о «сети».
Люблю термин, слизняк (+1). Я так использую его сейчас каждый шанс, который у меня есть.
Короткий ответ

Я бы использовал "междурядье".

Длинный ответ

Как упомянул JDB, я тоже предпочел бы использовать термины, связанные с Интернетом, а не пытаться импортировать термины для набора текста из (захватывающего) мира печатных СМИ.

Я бы использовал термины «расстояние между столбцами» и «расстояние между строками», потому что в большинстве макетов сетки используются термины «столбец» и «сетка». Я бы не стал использовать термины «маржа» и «заполнение», чтобы избежать конфликтов с ключевыми словами CSS.

Новая спецификация CSS Grid определяет grid-row-gapиgrid-column-gap , но на самом деле мне немного больше нравится «интервал».

В дизайне макета эти горизонтальные желоба в сетке называются «линиями потока» или «линиями подвеса».

Добро пожаловать в GD.SE! Пожалуйста, объясните свой ответ лучше. Что вы имеете в виду под "проектированием макета"?
Чтобы добавить к тому, что сказал Курт, возможно, вы также можете включить наглядные примеры.
Есть ли специальный термин для горизонтальных желобов?
СпросиСетьПолитика конфиденциальности1y, 0v