`
aaronhugo
  • 浏览: 19008 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

关于<pre>标签的使用

    博客分类:
  • web
阅读更多
今天突然发现<pre>标签很使用,很奇怪以前怎么没发现呢!
当你在普通的<textarea>标签编写有特定格式的文章时,使用<pre>标签可以帮你保存完整的格式,如空格,换行等,并且要符合 W3C 标准(多浏览器支持)

eg:

<style>
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}
</style>

<BODY>
<div>
<pre>
  你拥有非常敏锐的判断力和一双观察入微的眼睛。知性就是你的武器,你非常地冷静、且非常地细心,再困难的问题也都能迎刃而解!所以你应该去找一份能好好运用你聪明头脑的工作。
  例如:老师、秘书和计算机有关的工作、出版情报方面、广告公司、研究方面的工作,或是自己动笔写写书,都非常适合你。

                                         2010-12-22 11:55:57 hugo
</pre>
</div>
</BODY>
2
1
分享到:
评论

相关推荐

    标签内JavaScript代码的高亮显示插件

    例如,我们可以使用浏览器的开发者工具查看DOM结构和CSS样式,了解插件如何应用样式到`&lt;pre&gt;`标签内的代码。对于JavaScript部分,我们可以使用调试器单步执行,查看变量值,追踪函数调用等。此外,代码编辑器或IDE...

    ajaxfileupload 返回时 去掉 <pre>与 jquery1.7支持解决 方法

    这篇博客“ajaxfileupload 返回时 去掉 &lt;pre&gt;与 jquery1.7支持解决 方法”可能讨论了在使用AjaxFileUpload时遇到的两个问题:1) 服务器返回的响应数据被包裹在`&lt;pre&gt;`标签中,导致格式化异常;2) 该组件与jQuery 1.7...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`&lt;pre&gt;`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...

    Web-前端html+css从入门到精通 116. pre标签与code标签.zip

    本教程重点讲解了两个非常重要的HTML标签:`&lt;pre&gt;`和`&lt;code&gt;`,它们在展示代码片段或者保留原始格式的文本时起着至关... pre标签与code标签.mp4”这个视频教程,你可以更深入地学习这两个标签的使用方法和实践技巧。

    HTML常用标签.pdf

    13. &lt;h1&gt; -- &lt;h6&gt;:&lt;h1&gt; - &lt;h6&gt; 标签可定义标题。&lt;h1&gt; 定义最大的标题。&lt;h6&gt; 定义最小的标题。 14. &lt;hr&gt;:&lt;hr&gt; 标签在 HTML 页面中创建一条水平线。 15. &lt;center&gt;:对其所包括的文本进行水平居中。 16. &lt;a&gt;:&lt;a&gt; ...

    HTML标签手册大全

    html标签大全 &lt;html&gt;&lt;/html&gt; 创建一个HTML文档 &lt;head&gt;&lt;/head&gt; 设置...&lt;pre&gt;&lt;/pre&gt; 预先格式化文本 &lt;u&gt;&lt;/u&gt; 下划线 &lt;b&gt;&lt;/b&gt; 黑体字 &lt;i&gt;&lt;/i&gt; 斜体字 &lt;tt&gt;&lt;/tt&gt; 打字机风格的字体 &lt;cite&gt;&lt;/cite&gt; 引用,通常是斜体

    HTML标签大全

    HTML标签--文档 &lt;!DOCTYPE&gt; 文档类型 &lt;html&gt;文档 &lt;body&gt;文档主体 &lt;h1&gt; to &lt;h6&gt; HTML 标题 ...&lt;pre&gt;格式文本 &lt;code&gt;代码文本 &lt;tt&gt;打字机文本 &lt;kbd&gt;键盘文本 &lt;var&gt;变量文本 &lt;dfn&gt;项目文本 &lt;samp&gt;代码样本

    html标签介绍大全

    HTML提供了多种标签用于文本格式化,如&lt;b&gt;粗体&lt;/b&gt;、&lt;i&gt;斜体&lt;/i&gt;、&lt;u&gt;下划线&lt;/u&gt;、&lt;strong&gt;强调&lt;/strong&gt;、&lt;em&gt;着重&lt;/em&gt;、&lt;del&gt;删除线&lt;/del&gt;等。此外,&lt;pre&gt;用于保留原文格式,&lt;code&gt;表示代码块,&lt;abbr&gt;表示缩写。 ...

    HTML标签汇总模板.doc

    &lt;pre&gt; 标签用于保持文字的原始格式,不进行任何格式化处理。 5.居中对齐标签 &lt;center&gt; &lt;center&gt; 标签用于将文字或图像居中对齐。 6. 插入水平线标签 &lt;hr&gt; &lt;hr&gt; 标签用于在网页中插入水平线,可以设置线的粗细、...

    HTML语言源代码实例

    &lt;title&gt;测试换行标签&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 天津公安警官职业学院&lt;br&gt; 电教中心&lt;br&gt; 授课教师李平&lt;br&gt; &lt;/body&gt; &lt;/html&gt; ``` #### 三、强制不换行标签 `&lt;nobr&gt;` **知识点**: `&lt;nobr&gt;`标签用于防止内容自动换行,...

    HTML标签英文单词

    它可以与 `&lt;map&gt;` 和 `&lt;img&gt;` 标签结合使用,为图像的不同部分设置链接。 ### &lt;b&gt;: Bold `&lt;b&gt;` 标签用于定义粗体文本。虽然它通常用于强调文本,但在语义上并不强调文本的重要性,仅改变其样式。 ### &lt;base&gt;: ...

    HTML标签详解.pdf

    HTML提供了&lt;pre&gt;标签来定义依原始样式显示,例如:&lt;pre&gt;这是一个依原始样式显示的文字&lt;/pre&gt;,这将显示一个依原始样式显示的文字。 22. 文件内容文字的颜色 HTML提供了&lt;body&gt;标签来定义文件内容文字的颜色,例如:...

    HTML网页基本代码.pdf

    使用&lt;pre&gt;标签可以保留文字的原始样式。 *换帖子背景:&lt;body background="背景图片地址"&gt; 使用&lt;body&gt;标签可以换帖子背景。 *固定帖子背景不随滚动条滚动:&lt;body background="背景图片地址" body bgproperties=...

    Html网页设计代码.pdf

    18.原始文字样式:使用&lt;pre&gt;标签可以保持原始文字样式,例如:&lt;pre&gt;正文&lt;/pre&gt;。 19.换帖子背景:使用&lt;body&gt;标签可以换帖子背景,例如:&lt;body background="背景图片地址"&gt;。 20.固定帖子背景不随滚动条滚动:使用...

    简单实用的HTML代码借鉴.pdf

    * &lt;pre&gt;&lt;/pre&gt;标签用于创建预格式化文本 * &lt;h1&gt;&lt;/h1&gt;标签用于创建最大的标题 * &lt;h6&gt;&lt;/h6&gt;标签用于创建最小的标题 * &lt;b&gt;&lt;/b&gt;标签用于创建黑体字 * &lt;i&gt;&lt;/i&gt;标签用于创建斜体字 * &lt;tt&gt;&lt;/tt&gt;标签用于创建打字机风格的...

    HTML 总结(已完).docx

    HTML的基本语法是,HTML标签必须由&lt;&gt;包裹,HTML标签一般成对出现,分为开始/开放标签和结束/闭合标签,也称容器。标签与标签之间可以嵌套,但必须正确的嵌套。HTML标签不区分大小写。 HTML的基本结构是:&lt;html&gt;为根...

    ajax 返回值自动添加pre标签的解决方法

    在使用AJAX进行数据交互时,可能会遇到一些问题,比如返回值被自动包裹在`&lt;pre&gt;`标签中的情况。这个问题通常与返回的数据格式和浏览器的默认解析行为有关。 `&lt;pre&gt;`标签在HTML中用于定义预格式化的文本,它会保留...

    html 网页加载

    ### `&lt;iframe&gt;`标签概述 `&lt;iframe&gt;`(Inline Frame)是HTML中的一个标签,用于嵌入另一个HTML文档或任何其他类型的内容到当前页面中。这在很多场景下非常有用,比如嵌入视频、地图或是广告等第三方内容。通过`...

    HTML与CSS标签(一)

    2. **`&lt;head&gt;`** - **文档头标签**:包含了关于文档的元数据(metadata),这些信息对于浏览器解析文档至关重要,但不会直接显示在网页上。常见的`&lt;head&gt;`标签内容包括`&lt;title&gt;`、`&lt;meta&gt;`、`&lt;link&gt;`、`&lt;style&gt;`和`...

Global site tag (gtag.js) - Google Analytics