Po dodaniu tekstu do kodu HTML strony sieci Web, powiedz w elemencie akapitu, masz niewielką lub zerową kontrolę nad tym, gdzie te linie tekstu się złamią lub jakie odstępy będą używane. Dzieje się tak dlatego, że przeglądarka internetowa przesyła tekst zgodnie z potrzebami w oparciu o obszar, który go zawiera. Obejmuje to responsywne strony internetowe, które będą miały bardzo płynny układ, który zmienia się w zależności od rozmiaru ekranu używanego do przeglądania strony. Tekst HTML przerwie linię tam, gdzie musi, gdy dotrze do końca jej obszaru zawierającego. Ostatecznie przeglądarka odgrywa większą rolę w określaniu, w jaki sposób łamie się tekst, niż robisz.
Jeśli chodzi o dodawanie odstępów w celu utworzenia określonego formatu lub układu, HTML nie rozpoznaje odstępów dodawanych do kodu, w tym spacji, tabulacji lub powrotów karetki. Jeśli umieścisz dwadzieścia spacji między jednym słowem a słowem, które pojawi się po nim, przeglądarka wyświetli tylko jedną pojedynczą spację. Jest to znane jako białe zawalenie przestrzeni i jest to w rzeczywistości jedna z koncepcji HTML, z którą wielu początkującym z branży zmaga się na początku. Oczekują, że spacje HTML będą działały tak jak w programie takim jak Microsoft Word, ale to nie działa w ogóle w HTML.
W większości przypadków normalna obsługa tekstu w dowolnym dokumencie HTML jest dokładnie tym, czego potrzebujesz, ale w innych przypadkach możesz chcieć mieć większą kontrolę nad tym, jak dokładnie tekst się rozdziela i gdzie łamie linie. To jest znane jako wstępnie sformatowany tekst (innymi słowy, dyktujesz format). Możesz dodać wstępnie sformatowany tekst do swoich stron internetowych przy użyciu HTML
Używając Etykietka
Wiele lat temu często widywano strony internetowe z blokami wstępnie sformatowanego tekstu. Używając
przed znacznik definiujący sekcje strony, sformatowany przez samo wpisywanie się, był szybkim i łatwym sposobem dla projektantów stron internetowych, aby tekst był wyświetlany tak, jak chciał. Było to przed pojawieniem się CSS dla layoutu, kiedy projektanci stron internetowych naprawdę utknęli próbując wymuszać układ przy użyciu tabel i innych metod tylko HTML. Ten (rodzaj) pracował, ponieważ wstępnie sformatowany tekst jest zdefiniowany jako tekst, w którym struktura jest definiowana przez konwencje typograficzne, a nie przez renderowanie HTML.
Dziś ten tag nie jest wykorzystywany tak bardzo, ponieważ CSS pozwala nam dyktować style wizualne w znacznie bardziej efektywny sposób, niż próbować wymusić pojawienie się w naszym kodzie HTML, a standardy sieciowe nakazują wyraźną separację struktury (HTML) i stylów (CSS). Mimo to mogą istnieć przypadki, w których wstępnie sformatowany tekst ma sens, np. Adres pocztowy, w którym chcesz wymusić podział wiersza lub przykłady poezji, w których podziały wiersza są niezbędne do czytania i ogólnego przepływu treści.
Oto jeden ze sposobów użycia HTML
etykietka:
Twas brillig i slithey toves
Grawerowałem i gimbiłem
w
Wabe
Typowy HTML zwija białą przestrzeń w dokumencie. Oznacza to, że znaki powrotu karetki, spacje i znaki tabulacji użyte w tym tekście zostaną zwinięte do jednego spacji. Jeśli wpisałeś powyższą wycenę w typowy znacznik HTML, taki jak znacznik p (akapit), otrzymasz jeden wiersz tekstu, na przykład: Twas brillig i slithey toves Czy żyli i walczyli w walce Znacznik pre pozostawia białe spacje bez zmian. Tak więc podziały linii, spacje i tabulatory są zachowywane w renderowaniu tej treści przez przeglądarkę. Umieszczenie cytatu w środku przed tag dla tego samego tekstu spowodowałby wyświetlenie tego komunikatu: Twas brillig i slithey toves Grawerowałem i gimbiłem w Wabe The przed tag robi więcej niż tylko utrzymywanie spacji i przerw dla tekstu, który piszesz. W większości przeglądarek napisany jest czcionką o stałej szerokości. Dzięki temu znaki w tekście są równe szerokości. Innymi słowy, litera i zajmuje tyle miejsca, co litera w. Jeśli wolisz użyć innej czcionki zamiast domyślnej, wyświetlanej przez przeglądarkę, możesz ją zmienić za pomocą arkuszy stylów i wybrać dowolną inną czcionkę, w której chcesz renderować tekst. Należy pamiętać, że w HTML5 atrybut "width" nie jest już obsługiwany dla Edytowane przez Jeremy'ego Girarda w dniu 2/217 Dotyczące czcionek
HTML5
element. W języku HTML 4.01 szerokość określała liczbę znaków, które zawiera wiersz, ale została ona usunięta dla HTML5 i późniejszych.
