HTML <pre>标签,定义预格式化文本

<pre>标签

下方实例中的HTML计算机代码是怎么被浏览器渲染出来的呢?一般情况下,浏览器渲染HTML文档的时候,会将<和>之间的内容当成元素标签进行渲染,而无法呈现给用户。那该怎么办呢?这就是本章节要介绍的<pre>标签。

<pre></pre>

<pre>可以用于定义预格式化的文本,一般用来定义计算机的源代码,且pre元素内的文本通常情况下会保留空格和换行符,文本内容以等宽字体显示。


<pre>的用法

为了能够显示HTML的代码,在pre元素之内,一般情况下不能直接写入各个标签,比如直接写入<p>、<a>等等,要不然浏览器会将其当成HTML元素进行渲染。通常情况下,要对<和>进行转义,即使用&lt;和&gt;来替代,如下代码:

<pre>
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>

pre元素实例代码,及在线编辑器

提示:下方代码的显示样式除了使用pre元素之外,还是用code元素,并且调用了相应的前端框架。

<pre>
	&lt;html lang="en"&gt;
        &lt;head&gt;
        &lt;/head&gt;
        &lt;body&gt;

        &lt;/body&gt;
        &lt;/html&gt;
</pre>

pre的可选属性

参数描述
width值为数字类型,定义每行的最大字符数。

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.