Контекст
Моя команда работает над адаптивным веб-сайтом, и мы позволяем пользователю настраивать некоторые свойства страницы, включая пробелы между «ячейками» сетки. У нас был разговор о правильной терминологии для определения «пространства между клетками». Очевидно, что мы могли бы использовать что-то вроде «поля», но это было бы слишком широким, так как это включало бы пространство между страницей и внешними ячейками. Мы хотим идентифицировать пространство только между ячейками. Наши пользователи не обязательно разбираются в технологиях (имеется в виду CSS и т. Д.), Но могут иметь некоторый опыт в графическом дизайне (или, по крайней мере, быть знакомыми с общей терминологией).
Вопрос
«Желоб» кажется наиболее правильным термином, но большинство определений «желоба», которые я могу найти, конкретно относятся к пространству между столбцами .
Есть ли конкретный термин для пространства между строками ? Или уместно просто называть их «горизонтальными желобами»?
Пример
Вот иллюстрация того, что я пытаюсь идентифицировать.
(Изображение заимствовано из https://www.init.de/en/news/responsive-design )
Проблемы с моей нынешней терминологией
«Горизонтальный (/ вертикальный) желоб», на мой взгляд, немного сбивает с толку, так как неясно, находится ли желоб между горизонтальными (/ вертикальными) элементами или обеспечивает горизонтальное (/ вертикальное) пространство между вертикальными (/ горизонтальные) элементы. В моей команде есть разногласия по поводу того, какое определение является точным, поэтому я думаю, что этого достаточно, чтобы эта фраза действительно сбивала с толку.
По крайней мере, в отношении Интернета, «padding» и «margin» не подходят для того, что я описываю. Заполнение относится к пространству между границей и содержимым, в то время как поле указывает на пространство вокруг элемента. Два соседних элемента с полем 10 пикселей каждый будет иметь между ними желоб в 20 пикселей. (Да, я знаю, что поля CSS часто рушатся, но не всегда .)
Я видел термин «водосточный желоб», часто используемый в адаптивных сеточных структурах, поэтому я знаю, что это приемлемый термин в веб-разработке. Мне просто интересно, есть ли более подходящий термин для «горизонтального желоба».
источник
Ответы:
Я бы использовал «межстрочный интервал».
Длинный ответКак упоминал JDB, я бы тоже предпочел использовать термины, связанные с сетью, а не пытаться импортировать термины для набора текста из (увлекательного) мира печатных СМИ.
Я бы использовал термины «межстрочный интервал» и «межстрочный интервал», потому что большинство макетов сетки используют термины «столбец» и «сетка». Я бы не использовал термины «margin» и «padding», чтобы избежать столкновений с ключевыми словами CSS.
источник
grid-row-gap
иgrid-column-gap
, но на самом деле мне нравится "spacing" чуть лучше.В сфере веб-дизайна, которая, как представляется, является предметом вопроса ОП, я бы предпочел использовать термины, связанные с вебом, а не пытаться импортировать термины верстки из (увлекательного) мира печатных СМИ.
Я бы назвал это «вертикальным полем», как в свойстве CSS margin. Поля - это интервал между границей соседних элементов (в отличие от отступа, который является интервалом внутри элемента, между его границей и его содержимым.)
По словам W3C:
Обратите внимание, что граница элемента может быть прозрачной. Это не должно быть видимым.
Разработчики обязаны понимать этот термин достаточно четко. И, на мой взгляд, хотя «маржа» менее очаровательна, чем «желоб», «проход» или «слизняк», клиенты обязательно найдут этот термин более дружелюбным.
отступление
Cellpadding
иcellspacing
похожи наpadding
иmargin
, но они слишком конкретны. Они являются действительными HTML-атрибутами тегов<table>
and,<td>
в отличие от общих атрибутов CSS. Они не могут быть применены к любому другому тегу, кроме тех. Если вы говорите только о таблицах (как в конструкциях, созданных с использованием<table>
тега), то вы будете правы, если вызовете эту областьcellspacing
. Если говорить о прямоугольных областей в целом (как в районах , определенных<div>
,<span>
,<img>
или любой другой тег), тоmargin
было бы более точным.Так же , как побочный комментарий, пожалуйста , внимание , что
cellpading
иcellspacing
атрибуты являются весьма хмуриться на современных веб - дизайнеров и разработчиков , так как этот тип атрибутов путает структуры (HTML) со стилем (CSS) , в результате страниц , которые труднее поддерживать и / или развиваться команды. Разработчикам рекомендуется воздерживаться от использования этих атрибутов и использовать атрибуты CSSpadding
иmargin
вместо этого.То же самое относится и к использованию таблиц для создания общих макетов, как это было раньше. Пуристы утверждают, что таблицы должны использоваться только для отображения табличных данных.
<div>
и<span>
метки должны быть использованы для строительных лесов. Все это в надежде на то, что однажды у нас будут семантически правильные веб-страницы, в которых теги будут семантически размечать контекст, а не только фальсифицировать за кулисами.источник
С точки зрения набора текста, Slug - это общий термин для горизонтального зазора. - Пробел после / перед абзацем, горизонтальный промежуток между разделами или между правилами и т. Д. Плагин имеет определенный размер, аналогичный размеру шрифта, и будет размещен на одном уровне с типом металла, чтобы создать надлежащий вертикальный интервал.
основанный на редактировании ....
Cell padding
кажется наиболее очевидным выбором. Илиcell spacing
.источник
При проектировании макетов эти горизонтальные желоба в сетке называются «линиями потока» или «линиями подвески».
источник