HTML |<pre>标签(1) - 芒果文档

📌 相关文章

📜 HTML |<pre>标签(1)

📅 最后修改于: 2023-12-03 15:31:15.587000 🧑 作者: Mango

HTML |`<pre>`标签

<pre> 标签用于定义预格式文本，被包围在 <pre> 和 </pre> 标签中的文本会保留空格和换行符，而不会被浏览器解析为 HTML 标签。

用法：

<pre>
This text    is
    spaced     out
exactly    as      you    see      it
</pre>

属性：

accesskey: 规定激活元素的快捷键
class: 规定元素的一个或多个类名（引用样式表中的类）
dir: 规定元素中内容的文本方向
id: 规定元素的唯一 id
lang: 规定元素内容的语言
style: 规定元素的行内样式
tabindex: 规定元素的 tab 键次序
title: 规定元素的额外信息（可在工具提示中显示）

示例：

<pre>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;My Page&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;Welcome to My Page&lt;/h1&gt;
    &lt;p&gt;This is some preformatted text.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>

效果：

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is some preformatted text.</p>
</body>
</html>