När du lägger till text i HTML-koden för en webbsida, säg i ett styckeelement, har du ringa eller ingen kontroll över var de här raderna kommer att bryta eller avståndet som ska användas. Detta beror på att webbläsaren flyter texten efter behov baserat på det område som innehåller det. Detta inkluderar lyhörda webbplatser som kommer att ha en mycket flytande layout som ändras baserat på storleken på skärmen som används för att visa sidan. HTML-text kommer att bryta en linje där den behöver när den har nått slutet av dess innehållsområde. I slutändan spelar webbläsaren en viktig roll för att bestämma hur texten raster än du gör.
När det gäller att lägga till mellanslag för att skapa ett visst format eller layout, känner HTML inte av det mellanrum som läggs till för att koda, inklusive mellanslag, flik eller vagnens avkastning. Om du lägger tjugo mellanslag mellan ett ord och ordet som kommer efter det kommer webbläsaren att göra bara ett enda utrymme där. Detta är känt som white space collapse och det är egentligen ett av begreppen HTML som många nya till branschen kämpar med först. De förväntar sig att HTML-blanksteg ska fungera på ett sätt som det gör i ett program som Microsoft Word, men det är inte hur HTML-whitespace fungerar alls.
I de flesta fall är den normala hanteringen av text i något HTML-dokument exakt vad du behöver, men i andra fall kan du faktiskt vilja ha mer kontroll över exakt hur texten rymmer ut och där den raderar linjer. Detta är känt som förformaterad text (med andra ord dikterar du formatet). Du kan lägga till förformaterad text på dina webbsidor med hjälp av HTML
Använda Märka
För många år sedan brukade det vara vanligt att se webbsidor med block av förformaterad text. Använda
pre tagg för att definiera delar av sidan som formaterad av att skriva själv var ett snabbt och enkelt sätt för webbdesigners att få texten att visas som de ville ha det. Detta var före uppkomsten av CSS för layout, när webbdesigners verkligen fastnade och försökte tvinga layout genom att använda tabeller och andra HTML-bara metoder. Detta (ganska) fungerade tillbaka eftersom förformaterad text definieras som text där strukturen definieras av typografiska konventioner snarare än av HTML-rendering.
Idag används inte den här taggen så mycket eftersom CSS tillåter oss att diktera visuella stilar på ett mycket effektivare sätt än att försöka tvinga utseendet i vår HTML och eftersom webbstandarder dikterar en tydlig separation av struktur (HTML) och stilar (CSS). Fortfarande kan det finnas instanser där förformaterad text är meningsfull, som för en adressadress där du vill tvinga raderna eller för exempel på poesi där rader är avgörande för innehållets läsning och övergripande flöde.
Här är ett sätt att använda HTML
märka:
Twas brillig och slithey toves
Gjorde och gimble
i
de
waben
Typisk HTML kollapsar det vita utrymmet i dokumentet. Det betyder att vagnens returer, mellanslag och fliktecken som används i denna text alla skulle kollapsas till ett utrymme. Om du skrev ovanstående citat i en vanlig HTML-tagg som p (punkt) -taggen, skulle du sluta med en rad text, så här: Twas brillig och slithey toves Gjorde och gimble i wabe Pre-taggen lämnar de vita mellanslagstegn som det är. Så rader, raster och flikar upprätthålls alla i webbläsarens återgivning av det innehållet. Sätta citatet inuti a pre tagg för samma text skulle resultera i den här skärmen: Twas brillig och slithey toves Gjorde och gimble i de waben De pre taggen gör mer än bara behålla utrymmena och rasterar för texten du skriver. I de flesta webbläsare är det skrivet i ett monospace-teckensnitt. Detta gör tecknen i texten lika stora i bredd. Med andra ord tar brevet upp så mycket utrymme som bokstaven w. Om du föredrar att använda ett annat teckensnitt i stället för standardmonospace en som webbläsaren visar kan du ändå ändra det med stilark och välj ett annat teckensnitt som du vill att texten ska visas i. En sak att vara uppmärksam på är att i HTML5 stöds inte attributet "bredd" längre för Redigerad av Jeremy Girard den 2/2/17 När det gäller teckensnitt
HTML5
element. I HTML 4.01 anger bredden det antal tecken som en rad skulle innehålla, men det har blivit tappat för HTML5 och därefter.
