HTML <pre>标签,定义预格式化文本
<pre>标签
下方实例中的HTML计算机代码是怎么被浏览器渲染出来的呢?一般情况下,浏览器渲染HTML文档的时候,会将<和>之间的内容当成元素标签进行渲染,而无法呈现给用户。那该怎么办呢?这就是本章节要介绍的<pre>标签。
<pre></pre>
<pre>可以用于定义预格式化的文本,一般用来定义计算机的源代码,且pre元素内的文本通常情况下会保留空格和换行符,文本内容以等宽字体显示。
<pre>的用法
为了能够显示HTML的代码,在pre元素之内,一般情况下不能直接写入各个标签,比如直接写入<p>、<a>等等,要不然浏览器会将其当成HTML元素进行渲染。通常情况下,要对<和>进行转义,即使用<和>来替代,如下代码:
<pre> <html lang="en"> <head> </head> <body> </body> </html> </pre>
pre元素实例代码,及在线编辑器
提示:下方代码的显示样式除了使用pre元素之外,还是用code元素,并且调用了相应的前端框架。
<pre>
<html lang="en">
<head>
</head>
<body>
</body>
</html>
</pre>
pre的可选属性
参数 | 描述 |
---|---|
width | 值为数字类型,定义每行的最大字符数。 |