HTML的pre标签

TML的pre标签

定义和用法

<pre> 标签定义预先格式化的文本。

<pre> 元素中的文本以等宽字体显示，文本保留空格和换行符。文本将完全按照 HTML 源代码中所写的方式显示。

使用（保留原有格式），和div区别

执行结果如下：

在layui中使用，未使用pre,结果如下：在一行显示，不太好看和理解

layer.alert(JSON.stringify(data,null,4));

使用pre标签后,结果如下：json格式化展示出来了,易于理解和好看，方便分析。

layer.alert("<pre>"+JSON.stringify(data,null,4)+"</pre>");

2024-2-26

例

预格式化的文本:

<pre>

此例演示如何使用 pre 标签

对空行和空格

进行控制

</pre>

浏览器支持

目前大多数浏览器支持 <pre> 标签。

标签定义及使用说明

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

提示和注释

提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。

在HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中，"width" 属性已废弃，不可使用。 HTML5 不支持"width"属性。

属性

属性	值	描述
width	number	HTML5 不支持该属性。HTML 4.01 已废弃该属性。定义每行的最大字符数（通常是 40、80 或 132）。

全局属性

<pre> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<pre> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

TML 文本格式化

加粗文本

斜体文本

电脑自动输出

这是下标和上标

HTML 格式化标签

HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。

	通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而，这些标签的含义是不同的：<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。

在线实例

文本格式化

此例演示如何在一个 HTML 文件中对文本进行格式化

预格式文本

此例演示如何使用 pre 标签对空行和空格进行控制。

"计算机输出"标签

此例演示不同的"计算机输出"标签的显示效果。

地址

此例演示如何在 HTML 文件中写地址。

缩写和首字母缩写

此例演示如何实现缩写或首字母缩写。

文字方向

此例演示如何改变文字的方向。

块引用

此例演示如何实现长短不一的引用语。

删除字效果和插入字效果

此例演示如何标记删除文本和插入文本。

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML "计算机输出" 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

HTML 引文, 引用, 及标签定义

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

在线咨询

上一篇：用html和js做的抽奖效果仅仅是一个效果哦
下一篇：上海HTML5开发培训机构大咖分享html虚线边框设置教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML的pre标签

您的项目需求