HTML5 Document
If you created a new web page in HTML5, your <pre> tag might look like this:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 Example by www.techonthenet.com</title>
</head>
<body>
<pre>Text goes here preserving whitespace
and preserving line breaks</pre>
</body>
</html>
In this HTML5 Document example, we have created a <pre> tag. The browser would display the extra whitespace between "Text goes here" and "preserving whitespace". As well, the line break after "preserving whitespace" would also be displayed by the browser without having to use a <br> tag.
HTML 4.01 Transitional Document
If you created a new web page in HTML 4.01 Transitional, your <pre> tag might look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML 4.01 Transitional Example by www.techonthenet.com</title>
</head>
<body>
<pre>Text goes here preserving whitespace
and preserving line breaks</pre>
</body>
</html>
In this HTML 4.01 Transitional Document example, we have created a <pre> tag. The browser would display the extra whitespace between "Text goes here" and "preserving whitespace". As well, the line break after "preserving whitespace" would also be displayed by the browser without having to use a <br> tag.
XHTML 1.0 Transitional Document
If you created a new web page in XHTML 1.0 Transitional, your <pre> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHMTL 1.0 Transitional Example by www.techonthenet.com</title>
</head>
<body>
<pre>Text goes here preserving whitespace
and preserving line breaks</pre>
</body>
</html>
In this XHTML 1.0 Transitional Document example, we have created a <pre> tag. The browser would display the extra whitespace between "Text goes here" and "preserving whitespace". As well, the line break after "preserving whitespace" would also be displayed by the browser without having to use a <br> tag.
XHTML 1.0 Strict Document
If you created a new web page in XHTML 1.0 Strict, your <pre> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.0 Strict Example by www.techonthenet.com</title>
</head>
<body>
<pre>Text goes here preserving whitespace
and preserving line breaks</pre>
</body>
</html>
In this XHTML 1.0 Strict Document example, we have created a <pre> tag. The browser would display the extra whitespace between "Text goes here" and "preserving whitespace". As well, the line break after "preserving whitespace" would also be displayed by the browser without having to use a <br> tag.
XHTML 1.1 Document
If you created a new web page in XHTML 1.1, your <pre> tag might look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.1 Example by www.techonthenet.com</title>
</head>
<body>
<pre>Text goes here preserving whitespace
and preserving line breaks</pre>
</body>
</html>
In this XHTML 1.1 Document example, we have created a <pre> tag. The browser would display the extra whitespace between "Text goes here" and "preserving whitespace". As well, the line break after "preserving whitespace" would also be displayed by the browser without having to use a <br> tag.