Czy w Internecie należy stosować wcięcia tekstowe?

11

Pomyślałem o dodaniu wcięcia tekstu do mojej witryny (-poprzez wcięcie pierwszego wiersza akapitów), ale najpierw przeszukałem trochę i odkryłem, że wiele stron nie ma wcięć tekstu. Dlaczego? Pomyślałem, że to wyjaśnia, od czego zaczynają się akapity, więc dlaczego nie jest używane częściej?

Czy jest to poważny minus, czy tylko kwestia mody / trendu?

ispiro
źródło

Odpowiedzi:

8

Możesz rozdzielić akapity na kilka sposobów.

Wcięcia

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Pusta linia / spacja

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Fleurons / Flourishes / icons / bug

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Liczby

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

Wszystkie (podobnie jak inne metody) są prawidłowe. Zazwyczaj czuje się źle, łącząc je, ponieważ jest to trochę zbędne. Jeśli masz już spację między akapitami, wcięcia tak naprawdę nie pomogą wizualnie ich rozdzielić.

Co do tego, dlaczego zazwyczaj widzisz puste linie / spację jako główny sposób oddzielania akapitów w Internecie, to dlatego, że jest to tylko domyślna. Domyślnie większość przeglądarek tradycyjnie dodaje odstępy między <p>tagami. Więc nie było potrzeby używania wcięć. Ale na pewno możesz używać wcięć, jeśli wolisz.

DA01
źródło
2
Ciekawa sprawa z błędami. Ale nie sądzę, żeby było to przydatne. : o) - Liczby (imho) oznaczają coś dodatkowego niż tylko różne akapity.
Rafael
Przydatność @Rafael jest oparta na kontekście. :) Co prawda nie jest powszechnie używane.
DA01,
Cóż ... musimy użyć tych błędów w polach komentarzy! --- Wymiana stosów: CHCĘ PARAGRAFÓW NA KOMENTARZE! : o)
Rafael
@Rafael to tak naprawdę doskonały przykład tego, gdzie przydałby się! :)
DA01
1
„Błędy” (lub coś podobnego) były używane w wielu starożytnych formach pisania. Są to oryginalne separatory akapitów z czasów, gdy powierzchnia do pisania była ograniczona, a gęstość informacji była ważna. Sugerowałbym użycie ich w podobnych sytuacjach. Wcięcia również oszczędzają miejsce, w porównaniu do alternatywnego dodatkowego łamania linii. Jednak nowoczesna typografia sieci powinna w miarę możliwości używać odstępów, aby zapewnić czytelność.
Rich Remer
4

Jest to głównie osobiste preferencje i niektórzy twierdzą, że ludzie nie używają Drop Cap zamiast wcięć. Osobiście odstęp między akapitami zasługuje na wcięcie.

Rozumiem cel użycia wcięcia tylko w przypadku nowych bloków treści podczas pisania czegoś takiego jak post na blogu dla witryny. To powiedziawszy, kiedy niektórzy ludzie korzystają z witryn CMS lub blogów, ciężko jest zakodować wcięcie w niezbędnych akapitach, gdy wiele tematów jest w dyskusji, więc znaczniki nagłówka służą jako separacja.

Aby rozwiązać ten problem, możesz użyć grepi jQuery, aby dodać text-indentwłaściwość CSS do niektórych <p>tagów. Aby odpowiedzieć na twoje pytanie, jest to osobista preferencja. Aby również zauważyć, że robisz to dla czegoś takiego jak post na blogu i nie chcesz, aby każdy <p>znacznik był wcięty, możesz użyć pseudoelementu pierworodnego:

p:first-child {
  text-ident: 1.5em;
}
DᴀʀᴛʜVᴀᴅᴇʀ
źródło
Historycznie nie było łatwego sposobu wcięcia akapitów ani użycia dropcapów w HTML. Kiedy CSS przyszedł długo, to się zmieniło.
DA01,
1
nie mów o takich ciemnych wiekach;)
DᴀʀᴛʜVᴀᴅᴇʀ
W klasycznym składzie dla długiej materii (tj. Książek) pierwszy akapit sekcji miałby spację nad nim i bez wcięć, podczas gdy pozostałe akapity miałyby wcięcia. Zwykle robiono to bez względu na to, czy był nagłówek lub tytuł sekcji. Pierwszy akapit ważnej przerwy, takiej jak rozdział, może uzyskać kroplówkę lub podświetlaną kroplę.
RBerteig
4

Czy tekst powinien być wcięty? Cóż, to kwestia osobistych preferencji, ale ogromna większość stron, które widziałem, nie ma wcięć akapitów.

Musisz spojrzeć na pochodzenie HTML

Kiedy HTML się zaczął, nie było standardowego przewodnika. HTML został pierwotnie stworzony przez Berners-Lee, który napisał przeglądarkę i oprogramowanie serwera. Ludzie w dużych organizacjach pytali, jakich poleceń formatowania mogą użyć. Ponieważ akapity w tekście pisanym mają po sobie spację, dostosowali to do HTML. Tak <p>działa tag. Ludzie przyjmą ustalone standardy i nie skorzystają z opcji.

Istnieje również fragment dokumentu HTML 2.0

Poziomy znak tabulacji (pozycja kodu 9 w zestawie znaków dokumentu HTML) należy interpretować jako najmniejszą dodatnią niezerową liczbę spacji, która pozostawi liczbę znaków do tej pory w wierszu jako wielokrotność 8. Dokumenty nie powinny zawierać znaków tabulacji , ponieważ nie są one konsekwentnie obsługiwane.

http://www.ietf.org/rfc/rfc1866.txt

Różnica między tabulatorami w edytorach tekstu a użyciem w Internecie

Innym powodem braku wcięcia jest użycie Tab. W edytorze tekstów jesteśmy przyzwyczajeni do wcięcia akapitów tabulatorem. Cóż, to nie tak działa Internet. Kiedy formularze zostały utworzone na początku lat 90., ludzie używali klawisza Tab, aby przejść do następnego pola. Teraz ludzie są przyzwyczajeni do tej funkcji, a nie w sieci mają wcięcia tabulatorów.

Nie ma powodu, dla którego nie można wciąć akapitu w Internecie. Ludzie są przyzwyczajeni do tego, że nie mają wcięć w akapitach i mają pionową przestrzeń.

p {
    text-indent: 20px;
}
AndrewH
źródło
1
Klawisz tab jest trochę czerwonym śledziem. Klawisz tab zawsze był używany do tabulacji między polami. To poprzedza sieć. Dotyczy to textareapola, ale nie ogólnego formatowania akapitu na stronie internetowej (ponieważ użytkownik nie używa klawisza Tab do czytania akapitów). Zauważ też, że HTML nie jest tym, co domyślnie utworzyło to miejsce, ale raczej domyślne renderowanie tagu akapitu w przeglądarce jest tym, co stworzyło domyślną przestrzeń (technicznie rzecz biorąc, nit-pick)
DA01
@ DA01 Czy Berners-Lee nie stworzył oprogramowania i przeglądarki, które renderowałyby HTML? Rozumiem, że przeglądarka renderuje HTML, ale czy nie stworzył do tego standardów? Czy fakt, że tabulator zawsze był używany do tabulacji między polami, nie jest powodem, dla którego nie został zaimplementowany w HTML? Również fakt, że HTML nie rozpoznaje białych znaków.
AndrewH
2
Zgadza się, ale nie było „standardu HTML” umożliwiającego jego renderowanie. Tak się złożyło, że wybrał dodatkowe odstępy między akapitami w swojej przeglądarce. Inne przeglądarki przyjęły to ustawienie domyślne, ale nigdy nie zostało zadeklarowane jako standard jakiegokolwiek rodzaju w HTML.
DA01,