Contexto
Mi equipo está trabajando en un sitio web receptivo y permitimos al usuario configurar algunas de las propiedades de la página, incluidos los espacios entre las "celdas" de la cuadrícula. Tuvimos una conversación sobre la terminología correcta para identificar el "espacio entre celdas". Obviamente podríamos usar algo como "margen", pero eso es un poco demasiado amplio ya que eso incluiría el espacio entre la página y las celdas más externas. Queremos identificar el espacio entre celdas solamente. Nuestros usuarios no son necesariamente expertos en tecnología (es decir, CSS, etc.), pero pueden tener algunos antecedentes en diseño gráfico (o al menos estar familiarizados con la terminología común).
La pregunta
"Canal" parece el término más correcto, pero la mayoría de las definiciones de "canal" que puedo encontrar se refieren específicamente al espacio entre columnas .
¿Hay un término específico para el espacio entre filas ? ¿O es apropiado referirse simplemente a ellos como "canales horizontales"?
Ejemplo
Aquí hay una ilustración de lo que estoy tratando de identificar.
(Imagen tomada de https://www.init.de/en/news/responsive-design )
Problemas con mi terminología actual
" Canal horizontal (/ vertical)" es un poco confuso, en mi opinión, ya que no está claro si el canal está entre elementos horizontales (/ verticales) o si proporciona espacio horizontal (/ vertical) entre vertical (/ elementos horizontales). Hay un cierto desacuerdo en mi equipo sobre qué definición es precisa, por lo que creo que es evidencia suficiente de que la frase es realmente confusa.
Al menos en relación con la web, "relleno" y "margen" no son apropiados para lo que estoy describiendo. El relleno se refiere al espacio entre el borde y el contenido, mientras que el margen se refiere al espacio alrededor de un elemento. Dos elementos adyacentes con un margen de 10px cada uno tendrían una canaleta de 20px entre ellos. (Sí, soy consciente de que los márgenes de CSS a menudo colapsan, pero no siempre ).
He visto que el término "canalón" se usa a menudo en marcos de cuadrícula receptivos, así que sé que es un término aceptable en el desarrollo web. Me pregunto si hay un término más apropiado para una "canaleta horizontal".
fuente
Respuestas:
Yo usaría "interlineado".
Respuesta largaComo mencionó JDB, yo también preferiría usar términos relacionados con la web en lugar de tratar de importar términos tipográficos del mundo de los medios impresos (fascinantes).
Usaría los términos "espaciado de columna" y "espaciado de fila" porque la mayoría de los diseños de cuadrícula usan los términos "columna" y "cuadrícula". Evitaría usar los términos "margen" y "relleno" para evitar conflictos con las palabras clave CSS.
fuente
grid-row-gap
ygrid-column-gap
, pero en realidad me gusta "espaciar" un poco mejor.En el ámbito del diseño web, que parece ser el alcance de la pregunta del OP, preferiría usar términos relacionados con la web en lugar de tratar de importar términos tipográficos del mundo de los medios impresos (fascinantes).
Yo llamaría a esto "margen vertical" como en la propiedad de margen CSS. El margen es el espacio entre el borde de los elementos adyacentes (a diferencia del relleno, que es el espacio dentro del elemento, entre su borde y su contenido).
En palabras del W3C:
Tenga en cuenta que el borde del elemento puede ser transparente. No necesita ser visible.
Los desarrolladores están obligados a comprender este término con bastante claridad. Y, en mi opinión, aunque "margen" es menos encantador que "canalón", "pasillo" o "babosa", los clientes están obligados a encontrar un término más amigable.
Digresión
Cellpadding
ycellspacing
son similares apadding
ymargin
, pero son demasiado específicos. Son atributos html válidos de las etiquetas<table>
y<td>
en oposición a los atributos generales de CSS. No se pueden aplicar a ninguna otra etiqueta que no sean aquellas. Si solo está hablando de tablas (como en las construcciones hechas con la<table>
etiqueta), estaría en lo correcto si llama a esa áreacellspacing
. Si usted está hablando de áreas rectangulares en general (como en áreas definidas por<div>
,<span>
,<img>
o cualquier otra etiqueta), entoncesmargin
sería más exacto.Solo como comentario lateral, tenga en cuenta que los atributos
cellpading
ycellspacing
están muy mal vistos por los diseñadores y desarrolladores web modernos porque este tipo de atributo combina la estructura (HTML) con el estilo (CSS), lo que da como resultado páginas que son más difíciles de mantener y / o desarrollar equipos Se alienta a los desarrolladores a abstenerse de usar estos atributos y usar los atributos CSSpadding
y en sumargin
lugar.Lo mismo se aplica al uso de tablas para crear diseños generales, como solía ser. Los puristas afirman que las tablas deben usarse solo para mostrar datos tabulares.
<div>
y las<span>
etiquetas deben usarse para andamios. Todo esto con la esperanza de que algún día tendremos páginas web semánticamente correctas donde las etiquetas marquen el contexto semánticamente en lugar de ser solo un montaje detrás del escenario.fuente
En términos de composición tipográfica, Slug es un término común para un espacio horizontal. - Espacio después / antes de un párrafo, un espacio horizontal entre secciones, o entre reglas, etc. La bala tiene un tamaño específico similar a los tamaños de tipo y se colocaría en línea con el tipo de metal para crear el espacio vertical adecuado.
basado en la edición ...
Cell padding
Parece la opción más obvia. Ocell spacing
.fuente
En el diseño de diseño, las canaletas horizontales en una cuadrícula se denominan "líneas de flujo" o "líneas colgantes"
fuente