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 )
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.
quelle
Antworten:
Ich würde "Zeilenabstand" verwenden.
Lange AntwortWie 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.
quelle
grid-row-gap
undgrid-column-gap
, aber ich mag "Abstand" eigentlich nur ein bisschen besser.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).
In den Worten von W3C:
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
Cellpadding
undcellspacing
sind ähnlich wiepadding
undmargin
, 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 aufrufencellspacing
. Wenn Sie sich über rechteckige Bereiche im Allgemeinen zu sprechen (wie in Gebieten , die von definierten<div>
,<span>
,<img>
oder einen anderen Tag), dannmargin
wäre genauer.Bitte beachten Sie, dass die Attribute
cellpading
undcellspacing
den 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 verwendenpadding
undmargin
stattdessen 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.quelle
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 padding
scheint die naheliegendste Wahl zu sein. Odercell spacing
.quelle
In der Layoutgestaltung werden diese horizontalen Dachrinnen in einem Raster als "Fließlinien" oder "Hängelinien" bezeichnet.
quelle