Gibt es einen bestimmten Begriff für horizontale Dachrinnen?


12

Kontext
Mein Team arbeitet an einer reaktionsfähigen Website und wir gestatten dem Benutzer, einige der Eigenschaften der Seite zu konfigurieren, einschließlich der Leerzeichen zwischen den Raster- "Zellen". Wir hatten ein Gespräch über die richtige Terminologie, um den "Raum zwischen Zellen" zu identifizieren. Natürlich könnten wir so etwas wie "Rand" verwenden, aber das ist etwas zu breit, da dies den Abstand zwischen der Seite und den äußersten Zellen einschließen würde. Wir wollen nur den Raum zwischen den Zellen identifizieren. Unsere Benutzer sind nicht unbedingt technisch versiert (dh CSS usw.), haben jedoch möglicherweise Hintergrundwissen im Grafikdesign (oder sind zumindest mit der gängigen Terminologie vertraut).

Die Frage
"Dachrinne" scheint der korrekteste Begriff zu sein, aber die meisten Definitionen für "Dachrinne", die ich finden kann, beziehen sich speziell auf den Raum zwischen den Spalten .

Gibt es einen bestimmten Begriff für den Abstand zwischen den Zeilen ? Oder ist es angebracht, sie einfach als "horizontale Dachrinnen" zu bezeichnen?

Beispiel
Hier ist eine Illustration dessen, was ich zu identifizieren versuche.
(Bild von https://www.init.de/de/news/responsive-design ausgeliehen )

Bildbeschreibung hier eingeben

Probleme mit meiner aktuellen Terminologie
"Horizontale (/ Vertikale) Rinne" ist meiner Meinung nach etwas verwirrend, da unklar ist, ob sich die Rinne zwischen horizontalen (/ vertikalen) Elementen befindet oder ob zwischen vertikalen (/ vertikalen) Elementen ein horizontaler (/ vertikaler) Abstand besteht. horizontale) Elemente. In meinem Team herrscht Uneinigkeit darüber, welche Definition korrekt ist. Ich denke, das ist ein ausreichender Beweis dafür, dass die Formulierung tatsächlich verwirrend ist.

Zumindest in Bezug auf das Web sind "padding" und "margin" für das, was ich beschreibe, nicht angemessen. Das Auffüllen bezieht sich auf den Abstand zwischen dem Rand und dem Inhalt, während sich der Rand auf den Abstand um ein Element bezieht . Zwischen zwei benachbarten Elementen mit einem Rand von jeweils 10 Pixel würde sich eine 20-Pixel-Rinne befinden. (Ja, mir ist bewusst, dass CSS-Ränder oft einbrechen, aber nicht immer .)

Ich habe den Begriff "Dachrinne" oft in reaktionsschnellen Grid-Frameworks verwendet, daher weiß ich, dass dieser Begriff in der Webentwicklung akzeptabel ist. Ich frage mich nur, ob es einen passenderen Begriff für eine "horizontale Rinne" gibt.


Gute Frage, ich kenne keinen Begriff dafür. Der Begriff Dachrinne wird jedoch häufig missbraucht. Der Abstand zwischen den Spalten wird zu Recht als Gasse bezeichnet . Siehe dieses Bild zur Verdeutlichung
Zach Saucier

Du meinst doch nicht hierher zu führen, oder? Was ist mit dem Absatzabstand?
e100

Kontext ist alles. Da dies wie eine Tabelle klingt, würde ich vorschlagen, die Terminologie zu übernehmen, die MS Excel bei der Auswahl der Formatierungsoptionen für Tabellenkalkulationszellen verwendet (ich denke, es ist das Auffüllen von IIRC)
DA01

Wie für Absatzabstand , wenn wir wirklich über den horizontalen Abstand zwischen den Absätzen in einer Spalte glaube ich , der Begriff Grafikdesigner Verwendung reden ist ‚Absatzabstand‘.
DA01

Zellenabstand nicht korrekt ist, so dass der Raum um die Außenseite des Tisches / grid fügt
JDB erinnert sich noch Monica

Antworten:


3
Kurze Antwort

Ich würde "Zeilenabstand" verwenden.

Lange Antwort

Wie JDB sagte, würde ich auch lieber webbezogene Begriffe verwenden, als zu versuchen, Satzbegriffe aus der (faszinierenden) Welt der gedruckten Medien zu importieren.

Ich würde die Begriffe "Spaltenabstand" und "Zeilenabstand" verwenden, da die meisten Rasterlayouts die Begriffe "Spalte" und "Raster" verwenden. Ich würde vermeiden, die Ausdrücke "margin" und "padding" zu verwenden, um Konflikte mit CSS-Schlüsselwörtern zu vermeiden.


1
Die neue CSS-Grid-Spezifikation definiert grid-row-gapundgrid-column-gap , aber ich mag "Abstand" eigentlich nur ein bisschen besser.
JDB erinnert sich immer noch an Monica

7

Im Bereich des Webdesigns, der anscheinend Gegenstand der Frage des OP ist, würde ich eher webbezogene Begriffe verwenden, als zu versuchen, Satzbegriffe aus der (faszinierenden) Printmedienwelt zu importieren.

Ich würde dies "vertikaler Rand" wie in der CSS-Eigenschaft margin nennen. Der Rand ist der Abstand zwischen dem Rand benachbarter Elemente (im Gegensatz zum Abstand innerhalb des Elements zwischen seinem Rand und seinem Inhalt).

Bildbeschreibung hier eingeben

In den Worten von W3C:

Der Rand löscht einen Bereich um ein Element (außerhalb des Rahmens). Der Rand hat keine Hintergrundfarbe und ist vollständig transparent. Quelle

Bitte beachten Sie, dass der Rand des Elements transparent sein kann. Es muss nicht sichtbar sein.

Entwickler müssen diesen Begriff ganz klar verstehen. Und obwohl "margin" meiner Meinung nach weniger charmant ist als "gutter", "gang" oder "schnecke", werden Kunden es mit Sicherheit freundlicher finden.

Abschweifung

Cellpaddingund cellspacingsind ähnlich wie paddingund margin, aber sie sind zu spezifisch. Sie sind gültige HTML-Attribute der Tags <table>und <td>im Gegensatz zu allgemeinen CSS-Attributen. Sie können nur auf diese Tags angewendet werden. Wenn Sie nur über Tabellen sprechen (wie bei Konstrukten, die mit dem <table>Tag erstellt wurden), sind Sie richtig, wenn Sie diesen Bereich aufrufen cellspacing. Wenn Sie sich über rechteckige Bereiche im Allgemeinen zu sprechen (wie in Gebieten , die von definierten <div>, <span>, <img>oder einen anderen Tag), dann marginwäre genauer.

Bitte beachten Sie, dass die Attribute cellpadingund cellspacingden modernen Webdesignern und Entwicklern nur als Randbemerkung zuwider sind, da diese Art von Attributen Struktur (HTML) und Stil (CSS) vermischt, was zu Seiten führt, die schwieriger zu pflegen und / oder zu entwickeln sind Mannschaften. Entwickler werden aufgefordert, diese Attribute nicht zu verwenden paddingund marginstattdessen die CSS-Attribute und zu verwenden.

Das Gleiche gilt für die Verwendung von Tabellen zum Erstellen allgemeiner Layouts, wie dies früher der Fall war. Puristen behaupten, dass Tabellen nur zur Anzeige von Tabellendaten verwendet werden sollten. <div>und <span>Tags sollten für Gerüste verwendet werden. All dies in der Hoffnung, dass wir eines Tages semantisch korrekte Webseiten haben werden, in denen die Tags den Kontext semantisch markieren und nicht nur hinter den Kulissen manipulieren.


2
"Rand" ist ein allgemeiner Begriff, der sich auf den Raum um Elemente bezieht, während "Rinne" sich speziell auf den Raum zwischen Elementen bezieht . Wenn beispielsweise zwei benachbarte Elemente jeweils einen Rand von 10 Pixel aufweisen, ist die Rinne zwischen ihnen 20 Pixel breit. Ich habe "Dachrinnen" gesehen, die häufig in verschiedenen Rasterlayout-Frameworks verwendet werden, daher glaube ich nicht, dass sie im Kontext von Websites außerhalb der Grenzen liegen. Ich frage mich nur, ob das der richtige Begriff für den Abstand zwischen vertikal gestapelten Elementen ist.
JDB erinnert sich noch an Monica am

1
@JDB: Fair genug ... Ich denke, die Akzeptanz von "Dachrinne", da der Abstand zwischen den Elementen von Ihrem Publikum abhängen würde. Übrigens, in HTML / CSS brechen Ränder manchmal zusammen, sodass zwei Elemente mit einem Rand von 10 Pixel nicht unbedingt einen Rand von 20 Pixel aufweisen. Wenn die Ränder zusammenbrechen, kann eine Rinne von 10 Pixel entstehen. css-tricks.com/almanac/properties/m/margin
cockypup

Auch, (nicht ärgerlich, ich bin nur sehr begeistert von diesem Thema) in CSS "Marge" ist kein allgemeiner Begriff. Es hat eine sehr spezifische Definition. w3.org/TR/CSS2/box.html
cockypup

1
Guter Punkt. Ich stimme zu, es wäre besser, einen Begriff zu haben, der sich auf "den tatsächlichen Raum bezieht, der schließlich zwischen den Elementen verbleibt".
cockypup

1
Obwohl sie alle Möglichkeiten auflisten, wie Ränder nicht kollabieren, scheint "Randkollabieren eher die Ausnahme als die Regel in der Dokumentation zu sein. Zumindest liest sich die Dokumentation wie englische Grammatikbücher: keine Regel und alle Ausnahmen. Vielleicht zumindest Für Ihr Team definieren Sie einen Begriff (wie "Gasse"), der den vertikalen Rand zwischen Elementen nach dem (Nicht-) Zusammenbruch darstellt.
Yorik

4

In Schriftsetzen Bedingungen, Slug ist ein gebräuchlicher Begriff für eine horizontale Lücke. - Abstand nach / vor einem Absatz, eine horizontale Lücke zwischen Abschnitten oder zwischen Regeln usw. Der Slug hat eine festgelegte Größe, die den Schriftgrößen ähnelt, und würde in Linie mit der Metallart platziert, um den richtigen vertikalen Abstand zu erzeugen.

basierend auf der Bearbeitung ....

Cell paddingscheint die naheliegendste Wahl zu sein. Oder cell spacing.


Gilt dieser Begriff auch für den Abstand nach Abschnitten? oder nur Absätze?
Zach Saucier

1
Dies gilt für alle Bereiche, in denen ein horizontaler Raum verwendet wird. In den Tagen der heißen Schrift wurde die Schnecke verwendet, um einen gleichmäßigen Abstand horizontal zwischen allen Bereichen zu erzeugen, die gesetzt wurden, unabhängig davon, ob es sich um Absätze, Spalten, Regeln usw. handelte.
Scott,

Ich mag es, aber es ist sehr verwirrend im Webdesign, da es eine zweite Definition gibt.
JDB erinnert sich noch an Monica

1
Schnecke war ein Begriff, der für jeden Abstand verwendet wurde. Metallstücke, die vertieft waren, damit keine Tinte haften blieb. Sie wurden zum Erstellen von horizontalen Abständen und zum Ausrichten von Schriftarten sowie zwischen Schriftarten zum Erstellen von Absatzabständen oder anderen Abstandsanforderungen verwendet. Mir ist klar, dass dies kein Begriff ist, den viele Designer heute kennen, es sei denn, sie haben vielleicht für Zeitungen gearbeitet. Das heißt nicht wirklich, dass es nicht genau ist. Vertikale Elemente sind xheight, leading und slugs. In Bezug auf das Webdesign würde ich allerdings eher "margin" verwenden.
Scott

1
... und erkenne, dass die Frage bearbeitet wurde, um viel mehr hinzuzufügen, nachdem ich diese Antwort gepostet habe. "Web" wurde bisher nicht wirklich erwähnt.
Scott

1

In der Layoutgestaltung werden diese horizontalen Dachrinnen in einem Raster als "Fließlinien" oder "Hängelinien" bezeichnet.


2
Willkommen bei GD.SE! Bitte erläutern Sie Ihre Antwort besser. Was meinst du mit "Layout Design"?
Mensch

Um Kurt noch etwas hinzuzufügen, kannst du vielleicht auch visuelle Beispiele hinzufügen.
WELZ
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.