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


12

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

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

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

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

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

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

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

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


Хороший вопрос, я не знаю термин для этого. Тем не менее, термин «желоб» часто используется неправильно. Расстояние между столбцами правильно называется аллеей . Смотрите это изображение для разъяснения
Зак Saucier

Вы конкретно не имеете в виду вести здесь, не так ли? Как насчет расстояния между абзацами?
e100

Контекст это все. Поскольку это звучит как таблица, я бы предложил заимствовать любую терминологию, которую использует MS Excel при выборе параметров форматирования для ячеек электронной таблицы (я думаю, что это «заполнение» IIRC)
DA01

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

Интервал между ячейками неверен, так как это добавляет пространство вокруг внешней части таблицы / сетки
JDB все еще помнит Монику

Ответы:


3
Короткий ответ

Я бы использовал «межстрочный интервал».

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

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

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


1
Новая спецификация CSS Grid определяет grid-row-gapиgrid-column-gap , но на самом деле мне нравится "spacing" чуть лучше.
JDB до сих пор помнит Монику

7

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

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

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

По словам W3C:

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

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

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

отступление

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

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

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


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

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

Кроме того, (не раздражая, я просто очень увлечен этой темой) в CSS «маржа» не является общим термином. У этого есть очень определенное определение. w3.org/TR/CSS2/box.html
cockypup

1
Хорошая точка зрения. Я согласен, что было бы лучше иметь термин, который относится к «фактическому пространству, которое наконец остается между элементами».
cockypup

1
Даже при том, что они перечисляют все способы, которыми поля не будут разрушаться, «падение полей кажется скорее исключением, чем правилом в документации. По крайней мере, документация читается как книги по английской грамматике: никаких правил и всех исключений. Возможно, по крайней мере» для вашей команды, вы определяете термин (например , «аллея») , который является вертикальной границей между элементами после распада (не).
Йорик

4

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

основанный на редактировании ....

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


Относится ли этот термин к интервалу после секций? или просто абзацы?
Зак Сауцер

1
Это относится к любой области, где используется горизонтальное пространство. Во времена жаркого типа слизень использовался для создания равномерного пространства по горизонтали между любыми областями, набираемыми, независимо от того, были ли это абзацы, столбцы, правила и т. Д.
Скотт,

Мне это нравится, но это очень запутанно в веб-дизайне, так как в игре есть второе определение.
JDB до сих пор помнит Монику

1
Слизень был термином, используемым для любого расстояния. Металлические порции, которые были утоплены, чтобы не прилипали чернила. Они использовались для создания горизонтального интервала и выравнивания типа, а также между типами для создания абзаца или других интервалов. Я понимаю, что это не тот термин, о котором многие дизайнеры сегодня знали бы, если, возможно, они не работали на газеты. Это на самом деле не означает, что это не точно. Вертикальные элементы: xheight, ведущая и слизняки. В строгих терминах веб-дизайна, я бы использовал «маржу».
Скотт

1
... и понимаю, что вопрос был отредактирован, чтобы добавить намного больше после того, как я отправил этот ответ. Там не было никакого реального упоминания о «сети» ранее.
Скотт

1

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


2
Добро пожаловать в GD.SE! Пожалуйста, объясните ваш ответ лучше. Что вы имеете в виду под «макетом дизайна»?
Mensch

Чтобы добавить к тому, что сказал Курт, может быть, вы можете включить наглядные примеры.
WELZ
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.