Kontekst
Mój zespół pracuje nad responsywną stroną internetową i pozwalamy użytkownikowi konfigurować niektóre właściwości strony, w tym odstępy między „komórkami” siatki. Przeprowadziliśmy rozmowę na temat prawidłowej terminologii służącej do identyfikacji „przestrzeni między komórkami”. Oczywiście moglibyśmy użyć czegoś takiego jak „margines”, ale jest to nieco zbyt szerokie, ponieważ obejmowałoby to przestrzeń między stroną a komórkami najbardziej zewnętrznymi. Chcemy zidentyfikować przestrzeń tylko między komórkami. Nasi użytkownicy niekoniecznie są obeznani z technologią (co oznacza CSS itp.), Ale mogą mieć pewne doświadczenie w projektowaniu graficznym (lub przynajmniej znać wspólną terminologię).
Pytanie
„Rynna” wydaje się być najbardziej poprawnym terminem, ale większość definicji „rynny”, które mogę znaleźć, odnosi się konkretnie do odstępu między kolumnami .
Czy istnieje konkretny termin określający odstęp między rzędami ? Czy też właściwe jest po prostu nazywać je „rynnami poziomymi”?
Przykład
Oto ilustracja tego, co próbuję zidentyfikować.
(Zdjęcie zapożyczone z https://www.init.de/en/news/responsive-design )
Problemy z moją bieżącą terminologią
„Rynna pozioma (/ pionowa”) jest moim zdaniem nieco myląca, ponieważ nie jest jasne, czy rynna znajduje się pomiędzy poziomymi (/ pionowymi) elementami, czy zapewnia poziomą (/ pionową) przestrzeń między pionem (/ elementy poziome). W moim zespole istnieje pewna różnica zdań co do tego, która definicja jest dokładna, więc uważam, że to wystarczający dowód na to, że to zdanie jest mylące.
Przynajmniej w odniesieniu do sieci „padding” i „margin” nie są odpowiednie do tego, co opisuję. Wypełnienie odnosi się do przestrzeni między ramką a treścią, a margines odnosi się do przestrzeni wokół elementu. Dwa sąsiednie elementy z marginesem 10px miałyby między sobą rynnę o wielkości 20px. (Tak, wiem, że marginesy CSS często się zawalają, ale nie zawsze ).
Termin „rynna” jest często używany w responsywnych ramach gridowych, więc wiem, że jest to termin akceptowalny w tworzeniu stron internetowych. Zastanawiam się tylko, czy istnieje bardziej odpowiednie określenie „rynna pozioma”.
źródło
Odpowiedzi:
Użyłbym „odstępów między wierszami”.
Długa odpowiedźJak wspomniał JDB, ja też wolałbym używać terminów związanych z internetem, zamiast próbować importować składane słowa z (fascynującego) świata mediów drukowanych.
Użyłbym terminów „odstępy między kolumnami” i „odstępy między wierszami”, ponieważ większość układów siatki używa terminów „kolumny” i „siatki”. Unikałbym używania terminów „margines” i „wypełnienie”, aby uniknąć kolizji ze słowami kluczowymi CSS.
źródło
grid-row-gap
igrid-column-gap
, ale tak naprawdę lubię „odstępy” tylko trochę lepiej.W zakresie projektowania stron internetowych, które wydaje się być przedmiotem pytania PO, wolałbym używać terminów związanych z siecią, zamiast próbować importować składane teksty z (fascynującego) świata mediów drukowanych.
Nazwałbym to „marginesem pionowym” jak we właściwości CSS margin. Margines to odstęp między granicą sąsiednich elementów (w przeciwieństwie do wypełnienia, czyli odstępu wewnątrz elementu, między jego granicą a jego zawartością).
Słowami W3C:
Zwróć uwagę, że obramowanie elementu może być przezroczyste. Nie musi być widoczny.
Deweloperzy z pewnością zrozumieją ten termin. I moim zdaniem, choć „margines” jest mniej czarujący niż „rynna”, „przejście” lub „ślimak”, klienci z pewnością uznają to za bardziej przyjazne określenie.
Dygresja
Cellpadding
icellspacing
są podobne dopadding
amargin
, ale są one zbyt szczegółowe. Są to prawidłowe atrybuty HTML tagów<table>
i<td>
, w przeciwieństwie do ogólnych atrybutów CSS. Nie można ich stosować do żadnego innego znacznika oprócz tych. Jeśli mówisz tylko o tabelach (jak w konstrukcjach wykonanych przy użyciu<table>
znacznika), to poprawne byłoby wywołanie tego obszarucellspacing
. Jeśli mówimy o prostokątnych obszarach w ogóle (jak w obszarach określonych przez<div>
,<span>
,<img>
lub jakiejkolwiek innej zmiennej), tomargin
byłoby bardziej dokładne.Na marginesie, proszę zauważyć, że atrybuty
cellpading
icellspacing
są bardzo niezadowolone dla współczesnych projektantów i programistów stron internetowych, ponieważ ten typ atrybutu miesza strukturę (HTML) ze stylem (CSS), w wyniku czego strony są trudniejsze w utrzymaniu i / lub rozwijaniu przez zespoły. Deweloperzy są zachęcani do powstrzymania się od stosowania tych atrybutów i używać atrybutów CSSpadding
imargin
zamiast.To samo dotyczy używania tabel do tworzenia ogólnych układów, tak jak kiedyś. Puryści twierdzą, że tabel należy używać wyłącznie do wyświetlania danych tabelarycznych.
<div>
i<span>
do rusztowań należy stosować tagi. Wszystko to z nadzieją, że pewnego dnia będziemy mieli semantycznie poprawne strony internetowe, w których znaczniki znaczą semantycznie kontekst, a nie tylko tak za kulisami.źródło
Pod względem składu Slug jest powszechnym terminem określającym odstęp poziomy. - Odstęp po / przed akapitem, pozioma szczelina między sekcjami lub między regułami itp. Ślimak ma określony rozmiar podobny do rozmiarów typów i zostałby umieszczony w jednej linii z metalowym typem, aby stworzyć odpowiedni odstęp pionowy.
na podstawie edycji ....
Cell padding
wydaje się najbardziej oczywistym wyborem. Lubcell spacing
.źródło
W projekcie układu te poziome rynny w siatce nazywane są „liniami przepływowymi” lub „liniami wiszącymi”
źródło