Contexto
Minha equipe está trabalhando em um site responsivo e permitimos que o usuário configure algumas das propriedades da página, incluindo os espaços entre as "células" da grade. Tivemos uma conversa sobre a terminologia correta para identificar o "espaço entre as células". Obviamente, poderíamos usar algo como "margem", mas isso é um pouco amplo demais, pois incluiria o espaço entre a página e as células mais externas. Queremos identificar o espaço entre as células apenas. Nossos usuários não são necessariamente entendidos em tecnologia (CSS, etc), mas podem ter alguma experiência em design gráfico (ou pelo menos estar familiarizados com a terminologia comum).
A pergunta
"sarjeta" parece ser o termo mais correto, mas a maioria das definições de sarjeta que posso encontrar se referem especificamente ao espaço entre as colunas .
Existe um termo específico para o espaço entre linhas ? Ou é apropriado simplesmente se referir a eles como "calhas horizontais"?
Exemplo
Aqui está uma ilustração do que estou tentando identificar.
(Imagem emprestada de https://www.init.de/en/news/responsive-design )
Problemas com a minha terminologia atual
"Calha horizontal (/ vertical)" é um pouco confuso, na minha opinião, pois não está claro se a calha está entre elementos horizontais (/ verticais) ou se fornece espaço horizontal (/ vertical) entre vertical (/ horizontais). Há alguma discordância em minha equipe sobre qual definição é precisa, então acho que há evidências suficientes para que a frase seja realmente confusa.
Pelo menos em relação à web, "preenchimento" e "margem" não são apropriados para o que estou descrevendo. Preenchimento refere-se ao espaço entre a borda e o conteúdo, enquanto margem refere-se ao espaço ao redor de um elemento. Dois elementos adjacentes com uma margem de 10 px cada teriam uma calha de 20 px entre eles. (Sim, estou ciente de que as margens CSS geralmente diminuem, mas nem sempre .)
Eu já vi o termo "sarjeta" usado frequentemente em estruturas de grade responsivas, por isso sei que é um termo aceitável no desenvolvimento da web. Só estou me perguntando se existe um termo mais apropriado para uma "calha horizontal".
fonte
Respostas:
Eu usaria "espaçamento entre linhas".
Resposta longaComo o JDB mencionou, eu também preferiria usar termos relacionados à Web, em vez de tentar importar termos tipográficos do (fascinante) mundo da mídia impressa.
Eu usaria os termos "espaçamento entre colunas" e "espaçamento entre linhas" porque a maioria dos layouts de grade usa os termos "coluna" e "grade". Eu evitaria usar os termos "margem" e "preenchimento" para evitar conflitos com palavras-chave CSS.
fonte
grid-row-gap
egrid-column-gap
, mas eu realmente gosto de "espaçamento" um pouco melhor.No escopo do design da Web, que parece ser o escopo da pergunta do OP, prefiro usar termos relacionados à Web, em vez de tentar importar termos tipográficos do mundo (fascinante) da mídia impressa.
Eu chamaria isso de "margem vertical" como na propriedade de margem CSS. A margem é o espaçamento entre a borda dos elementos adjacentes (em oposição ao preenchimento, que é o espaçamento dentro do elemento, entre a borda e o conteúdo).
Nas palavras do W3C:
Observe que a borda do elemento pode ser transparente. Não precisa ser visível.
Os desenvolvedores devem entender esse termo claramente. E, na minha opinião, embora "margem" seja menos charmoso que "sarjeta", "corredor" ou "lesma", os clientes provavelmente encontrarão um termo mais amigável.
Digressão
Cellpadding
ecellspacing
são semelhantespadding
emargin
, mas eles são muito específicos. Eles são atributos html válidos das tags<table>
e,<td>
em oposição aos atributos gerais do CSS. Eles não podem ser aplicados a nenhuma outra tag além dessas. Se você está falando apenas sobre tabelas (como em construções feitas usando a<table>
tag), estaria correto se chamar essa áreacellspacing
. Se você está falando de áreas retangulares em geral (como em áreas definidas por<div>
,<span>
,<img>
ou qualquer outra tag), entãomargin
seria mais preciso.Como um comentário secundário, observe que os atributos
cellpading
ecellspacing
são altamente criticados por designers e desenvolvedores web modernos, porque esse tipo de atributo mistura estrutura (HTML) com estilo (CSS), resultando em páginas mais difíceis de manter e / ou desenvolver por equipes. Os desenvolvedores são incentivados a abster-se de usar esses atributospadding
e, emmargin
vez disso, usar os atributos CSS .O mesmo se aplica ao uso de tabelas para criar layouts gerais, como costumava ser. Os puristas afirmam que as tabelas devem ser usadas apenas para exibir dados tabulares.
<div>
e<span>
tags devem ser usadas para andaimes. Tudo isso na esperança de que um dia teremos páginas da web semanticamente corretas, se as tags marcarem o contexto semanticamente, em vez de serem apenas equipamentos nos bastidores.fonte
Em termos tipográficos, Slug é um termo comum para uma lacuna horizontal. - Espaço após / antes de um parágrafo, um espaço horizontal entre seções ou entre regras, etc. A lesma tem um tamanho especificado semelhante ao tamanho do tipo e seria colocada alinhada com o tipo de metal para criar o espaçamento vertical adequado.
com base na edição ....
Cell padding
parece a escolha mais óbvia. Orcell spacing
.fonte
No design do layout, essas calhas horizontais em uma grade são chamadas de "linhas de fluxo" ou "linhas suspensas"
fonte