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?
Odpowiedzi:
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.
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;
}
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;
}
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)