Wat is vooraf opgemaakte tekst?

Zo gebruikt u de Pre-Formatted Text-tag in uw HTML-code

atakan / Getty Images

Wanneer u tekst toevoegt aan de HTML-code voor een webpagina, bijvoorbeeld in een alinea-element, heeft u weinig tot geen controle over waar die tekstregels zullen breken of de spatiëring die zal worden gebruikt. Dit komt omdat de webbrowser de tekst naar behoefte laat stromen op basis van het gebied dat deze bevat. Dit bevat responsieve websites die een zeer vloeiende lay-out zal hebben die verandert op basis van de grootte van het scherm gebruikt om de pagina te bekijken. HTML-tekst zal een regel afbreken waar het moet zodra het het einde van het bevattende gebied heeft bereikt. Uiteindelijk speelt de browser een grotere rol bij het bepalen hoe de tekst wordt afgebroken dan jij.

Wat betreft het toevoegen van spaties om een ​​bepaalde indeling of lay-out te maken, herkent HTML de spatiëring niet die aan code wordt toegevoegd, inclusief spatiebalk, tab of regelterugloop. Als u twintig spaties plaatst tussen één woord en het woord dat erna komt, geeft de browser daar slechts één enkele spatie weer. Dit staat bekend als het instorten van de witte ruimte en het is eigenlijk een van de HTML-concepten waar veel nieuwkomers in de branche in het begin mee worstelen. Ze verwachten dat HTML-witruimte werkt zoals in een programma als Microsoft Word, maar dat is helemaal niet hoe HTML-witruimte werkt.

In de meeste gevallen is de normale verwerking van tekst in elk HTML-document precies wat u nodig hebt, maar in andere gevallen wilt u misschien meer controle over hoe de tekst precies wordt gespreid en waar regels worden afgebroken. Dit staat bekend als vooraf opgemaakte tekst (met andere woorden, u dicteert de opmaak). U kunt vooraf opgemaakte tekst aan uw webpagina's toevoegen met behulp van de HTML

De |__+_| . gebruiken

Over lettertypen

De

tag doet meer dan alleen de spaties en pauzes behouden voor de tekst die u schrijft. In de meeste browsers is het geschreven in een monospace-lettertype. Hierdoor zijn de karakters in de tekst allemaal even breed. Met andere woorden, de letter i neemt evenveel ruimte in beslag als de letter w.
 
 
 
Als u liever een ander lettertype gebruikt in plaats van het standaard monospace-lettertype dat de browser weergeeft, kunt u dit nog steeds wijzigen metstylesheetsen selecteer een andere lettertype u wilt dat de tekst wordt weergegeven.
  
 HTML5 
 
Een ding om rekening mee te houden is dat in HTML5 het attribuut 'width' niet langer wordt ondersteund voor de
element. In HTML 4.01 specificeerde de breedte het aantal tekens dat een regel zou bevatten, maar dit is weggelaten voor HTML5 en verder.