The pre tag defines preformatted text. Text in a pre element is displayed in a fixed-width font and preserves both spaces and line breaks.
Examples of content might include:
- computer code
- ASCII art
- program output
This element is used with the code element, the samp element, or the kbd element, and so on, according to the kind of content inside a pre element.
Rendering in text/html
Unlike in XML mode, a text/html parser will strip the newline character if it appears after the opening
<pre> tag, as an authoring convenience.
The author should consider accessibility, when use the pre element. This is because, when speech synthesizers, braille displays, and the like is used, there is a possibility that preformatted text is destroyed. For example, for cases like ASCII art, it is likely that an alternative presentation, such as a textual description, would be more universally accessible to the readers of the document.
This example uses the PRE element to format text so that it renders exactly as it is typed.
<pre> This text is formatted exactly as it is typed. </pre>
Example of pre-formatted computer code inside a <code> tag
<pre> <code> process.run(); </code> </pre>
To cater for international users see: Managing text direction in form controls
Text within the PRE element is formatted. Spaces and carriage returns are preserved.
Microsoft Developer Network: [Windows Internet Explorer API reference Article]