Wyjaśnienie, czym jest wstępnie sformatowany tekst w HTML

click fraud protection

Kiedy dodajesz tekst do kodu HTML dla strony sieci Web, powiedzmy w elemencie akapitu, masz niewielką lub żadną kontrolę nad tym, gdzie te wiersze tekstu zostaną przerwane lub jakie odstępy będą używane. Dzieje się tak, ponieważ przeglądarka internetowa w razie potrzeby umieści tekst na podstawie obszaru, który go zawiera. To zawiera responsywne strony internetowe który będzie miał bardzo płynny układ, który zmienia się w zależności od rozmiar ekranu używany do przeglądania strony. Tekst HTML przełamie linię tam, gdzie musi, po osiągnięciu końca obszaru zawierającego. W końcu przeglądarka odgrywa większą rolę w określaniu, w jaki sposób tekst się łamie, niż ty.

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 powrotu karetki. Jeśli umieścisz dwadzieścia spacji między jednym słowem a słowem następującym po nim, przeglądarka wyrenderuje tam tylko jedną spację. Jest to znane jako upadek białej przestrzeni i jest to właściwie jedna z koncepcji HTML, z którą wielu nowych w branży boryka się na początku. Oczekują, że białe znaki HTML będą działać tak, jak w programach takich jak Microsoft Word, ale to nie jest sposób, w jaki białe znaki HTML działają w ogóle.

instagram viewer

W większości przypadków normalna obsługa tekstu w dowolnym dokumencie HTML jest dokładnie tym, czego potrzebujesz, ale w innych przykładach, możesz chcieć mieć większą kontrolę nad dokładnym rozmieszczeniem tekstu i miejscem, w którym się łamie linie. Nazywa się to tekstem wstępnie sformatowanym (innymi słowy, dyktujesz format). Możesz dodać wstępnie sformatowany tekst do swoich stron internetowych za pomocą kodu HTML.

Używając
 Etykietka 

Wiele lat temu powszechne było wyświetlanie stron internetowych z blokami wstępnie sformatowanego tekstu. Używając

 tag, aby zdefiniować sekcje strony jako sformatowane przez samo wpisywanie, był szybkim i łatwym sposobem dla projektantów stron internetowych na wyświetlanie tekstu tak, jak chcieli. To było przed powstaniem CSS dla układu, kiedy projektanci stron internetowych naprawdę utknęli, próbując wymusić układ za pomocą tabel i innych metod tylko w HTML. To (trochę) zadziałało, ponieważ wstępnie sformatowany tekst jest definiowany jako tekst, którego struktura jest zdefiniowana przez konwencje typograficzne, a nie przez renderowanie HTML. 

Dziś ten tag nie jest używany tak często, ponieważ CSS pozwala nam dyktować style wizualne w znacznie bardziej efektywny sposób niż próbowanie aby wymusić wygląd w naszym HTML i ponieważ standardy sieciowe dyktują wyraźne oddzielenie struktury (HTML) od stylów (CSS). Mimo to mogą się zdarzyć przypadki, w których wstępnie sformatowany tekst ma sens, na przykład w przypadku adresu pocztowego, w którym chcesz wymusić podziały wierszy lub przykłady poezji, w których podziały wierszy są niezbędne do czytania i ogólnego przepływu tekstu zawartość.

Oto jeden ze sposobów korzystania z HTML

 etykietka: 

Typowy HTML zwija białą przestrzeń w dokumencie. Oznacza to, że znaki powrotu karetki, spacje i tabulatory użyte w tym tekście zostaną zwinięte do jednej spacji. Jeśli wpiszesz powyższy cytat do typowego tagu HTML, takiego jak tag p (paragraf), otrzymasz jeden wiersz tekstu, taki jak ten:

Twas brillig i slithey toves wirowały i wirowały na falach.

Znacznik pre pozostawia znaki odstępu bez zmian. Tak więc podziały wierszy, spacje i tabulatory są zachowywane podczas renderowania tej treści przez przeglądarkę. Umieszczenie cytatu w środku a

 tag dla tego samego tekstu spowoduje wyświetlenie tego ekranu: 
Twas brillig i slithey toves
Czy wirował i grał?
w

wabe

Odnośnie czcionek

 tag nie tylko utrzymuje spacje i przerwy w pisanym tekście. W większości przeglądarek jest napisany czcionką o stałej szerokości. Dzięki temu wszystkie znaki w tekście mają taką samą szerokość. Innymi słowy, litera i zajmuje tyle samo miejsca, co litera w. 

Jeśli wolisz użyć innej czcionki zamiast domyślnej czcionki o stałej szerokości, którą wyświetla przeglądarka, możesz to zmienić za pomocą arkusze stylów i wybierz dowolne inne czcionka chcesz, aby tekst był renderowany.

HTML5

Należy pamiętać, że w HTML5 atrybut „szerokość” nie jest już obsługiwany dla for

 element. W HTML 4.01 szerokość określała liczbę znaków, które miałaby zawierać linia, ale zostało to pominięte w HTML5 i nie tylko. 
instagram story viewer