HTML pre标签

HTML中的pre标签定义了预格式化的文本。在pre标签中，文本通常以等宽字体显示，并保留空格和换行符。它非常适合于显示代码示例或任何需要保留布局和格式的文本。

语法

pre标签使用如下语法：

<pre>
    预格式化文本
</pre>

属性

pre标签支持以下属性：

• class：为pre标签定义一个或多个类名。
• dir：定义文本的文本方向，取值为ltr或rtl。
• id：为元素定义唯一的标识符。
• lang：定义文本的语言代码，常用取值为en或zh。
• style：为pre标签定义样式信息。

示例

下面是一个使用pre标签来显示代码示例的例子：

<pre>
    function helloWorld() {
        console.log("Hello world!");
    }
    helloWorld();
</pre>

以上代码将在页面上以等宽字体的格式显示，保留了空格和换行符，效果如下：

function helloWorld() {
    console.log("Hello world!");
}
helloWorld();

总结

通过使用pre标签，可以轻松地在HTML文档中显示预格式化文本，特别是代码示例等需要保留格式的文本。同时，pre标签还支持多种属性，可以满足不同的需求。