Contexte
Mon équipe travaille sur un site Web réactif et nous permettons à l'utilisateur de configurer certaines des propriétés de la page, y compris les espaces entre les "cellules" de la grille. Nous avons eu une conversation sur la terminologie correcte pour identifier "l'espace entre les cellules". Évidemment, nous pourrions utiliser quelque chose comme "marge", mais c'est un peu trop large car cela inclurait l'espace entre la page et les cellules les plus externes. Nous voulons identifier l'espace entre les cellules uniquement. Nos utilisateurs ne sont pas nécessairement technophiles (c'est-à-dire CSS, etc.), mais peuvent avoir une certaine expérience en conception graphique (ou au moins être familiers avec la terminologie courante).
La question
"gouttière" semble être le terme le plus correct, mais la plupart des définitions de "gouttière" que je peux trouver se réfèrent spécifiquement à l'espace entre les colonnes .
Existe-t-il un terme spécifique pour l'espace entre les lignes ? Ou est-il approprié de les désigner simplement comme des "gouttières horizontales"?
Exemple
Voici une illustration de ce que j'essaie d'identifier.
(Image empruntée à https://www.init.de/en/news/responsive-design )
Les problèmes avec ma terminologie actuelle
"gouttière horizontale (/ verticale)" sont un peu déroutants, à mon avis, car il n'est pas clair si la gouttière se situe entre des éléments horizontaux (/ verticaux) ou si elle fournit un espace horizontal (/ vertical) entre les verticales (/ horizontaux). Il y a un certain désaccord au sein de mon équipe sur la définition exacte, donc je pense que c'est une preuve suffisante que la phrase prête à confusion.
Au moins en ce qui concerne le Web, le "remplissage" et la "marge" ne conviennent pas à ce que je décris. Le remplissage fait référence à l'espace entre la bordure et le contenu, tandis que la marge fait référence à l'espace autour d' un élément. Deux éléments adjacents avec une marge de 10 pixels chacun auraient une gouttière de 20 pixels entre eux. (Oui, je suis conscient que les marges CSS s'effondrent souvent, mais pas toujours .)
J'ai vu le terme "gouttière" souvent utilisé dans les cadres de grille réactifs, donc je sais que c'est un terme acceptable dans le développement Web. Je me demande simplement s'il existe un terme plus approprié pour une "gouttière horizontale".
la source
Réponses:
J'utiliserais "l'espacement des lignes".
Longue réponseComme JDB l'a mentionné, je préfère également utiliser des termes liés au Web plutôt que d'essayer d'importer des termes de composition du monde (fascinant) des médias imprimés.
J'utiliserais les termes "espacement des colonnes" et "espacement des lignes" car la plupart des dispositions de grille utilisent les termes "colonne" et "grille". J'éviterais d'utiliser les termes "marge" et "rembourrage" pour éviter les conflits avec les mots clés CSS.
la source
grid-row-gap
etgrid-column-gap
, mais j'aime vraiment "l'espacement" juste un peu mieux.Dans le cadre de la conception Web, qui semble être la portée de la question du PO, je préfère utiliser des termes liés au Web plutôt que d'essayer d'importer des termes de composition du monde des médias imprimés (fascinant).
J'appellerais cela "marge verticale" comme dans la propriété CSS margin. La marge est l'espacement entre la bordure des éléments adjacents (par opposition au rembourrage, qui est l'espacement à l'intérieur de l'élément, entre sa bordure et son contenu.)
Selon les mots du W3C:
Veuillez noter que la bordure de l'élément peut être transparente. Il n'a pas besoin d'être visible.
Les développeurs sont tenus de comprendre ce terme assez clairement. Et, à mon avis, bien que "marge" soit moins charmante que "gouttière", "allée" ou "limace", les clients trouveront forcément un terme plus convivial.
Digression
Cellpadding
etcellspacing
sont similaires àpadding
etmargin
, mais ils sont trop spécifiques. Ce sont des attributs html valides des balises<table>
et<td>
par opposition aux attributs CSS généraux. Ils ne peuvent être appliqués à aucune autre balise que celles-ci. Si vous ne parlez que de tables (comme dans les constructions faites à l'aide de la<table>
balise), vous auriez raison si vous appelez cette zonecellspacing
. Si vous parlez des zones rectangulaires en général (comme dans les zones définies par<div>
,<span>
,<img>
ou toute autre balise), alorsmargin
serait plus précis.Juste comme un commentaire secondaire, veuillez noter que les attributs
cellpading
etcellspacing
sont très désapprouvés par les concepteurs et développeurs Web modernes car ce type d'attribut mélange la structure (HTML) avec le style (CSS), ce qui entraîne des pages plus difficiles à maintenir et / ou à développer par équipes. Les développeurs sont encouragés à s'abstenir d'utiliser ces attributs et à utiliser les attributs CSSpadding
et à lamargin
place.La même chose s'applique à l'utilisation de tableaux pour créer des dispositions générales, comme c'était le cas auparavant. Les puristes affirment que les tableaux ne devraient être utilisés que pour afficher des données tabulaires.
<div>
et des<span>
étiquettes doivent être utilisées pour les échafaudages. Tout cela en espérant qu'un jour nous aurons des pages Web sémantiquement correctes si les balises marquent le contexte sémantiquement par opposition au gréement en coulisses uniquement.la source
En termes de composition, Slug est un terme commun pour un écart horizontal. - Espace après / avant un paragraphe, un espace horizontal entre les sections, ou entre les règles, etc.
sur la base de l'édition ....
Cell padding
semble le choix le plus évident. Oucell spacing
.la source
Dans la conception de la mise en page, ces gouttières horizontales dans une grille sont appelées «lignes d'écoulement» ou «lignes de suspension»
la source