`
longxia1987
  • 浏览: 34940 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

关于浏览器自动加上<pre>标签

 
阅读更多

问题场景:

我在 A 页面点击了一个请求,新开一个页面(B),在后端 通过HttpServletResponse.getWriter().write(html) 的方式,将信息写入到 新开的页面 B 里面;【题外话:这样做的原因是为了解决新开页面被浏览器拦截的问题】

但是在 IE6,7,8 ,ff 都没有问题;但是在chrome 里面,竟然在我新写的内容放在了<pre>标签中;


有图有真像


关于html <pre>标签:<摘自:w3school>

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

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

关于问题的思考:

在发现这个问题,首先我想到的是:这应该是不同浏览器对于代码文本信息的处理方式不同,chrome是将我这个form表单当成文本显示在页面上了。而不是一个html格式的元素;所以解决了这个问题我想就应该万事大吉了。

这个时候,我想到了 html meta信息的设置

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 这个属性的设置应该就可以解决问题。

查了一下文档豁然开朗:

1、text/html是html格式的正文

2、text/plain是无格式正文

3、text/xml忽略xml头所指定编码格式而默认采用us-ascii编码

4、application/xml会根据xml头指定的编码格式来编码

解决方法:

response.setHeader("Content-Type", "text/html");



分享到:
评论

相关推荐

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

    这样可以避免浏览器自动添加`&lt;pre&gt;`标签。 对于不同浏览器之间的差异,例如Firefox、IE和Chrome对返回值的处理方式不同,这主要是由于各个浏览器对非标准`Content-Type`或未明确指定`Content-Type`的处理策略存在...

    网页设计与制作自考第五章HTML历年考题整理.docx

    13. `&lt;br&gt;`标记:`&lt;br&gt;`是单标签,不需要闭合标签`&lt;/br&gt;`,并且它不会因为内部的回车符而自动换行。 14. `&lt;h6&gt;`标记:在HTML中,`&lt;h6&gt;`表示最小的标题。 15. 不能使文字换行的标记:`&lt;pre&gt;`标记可以换行,`&lt;br&gt;`...

    HTML指令详解[参考].pdf

    特殊字符可以用特定语法表示,如`&lt;&gt;&" `分别对应`&lt;&gt;&"`,`&nbsp;`用于插入空格,`&lt;img&gt;`标签则用于插入图像,通过`src`指定图像源,`border`设置边框宽度,`width`和`height`定义图像尺寸,`vspace`和`hspace`控制...

    Html全套标记

    - 终止标记通过在起始标记名称前加上“/”来表示,例如`&lt;/font&gt;`。 - 标记名称区分大小写。 #### 标记分类 - **围堵标记**:此类标记包括起始标记和终止标记,用来将文本包裹起来实现特定的格式化效果。例如`&lt;b&gt;...

    html学习笔记.doc

    - **`&lt;title&gt;`**: 定义网页标题,显示于浏览器标签页。 - **`&lt;body&gt;`**: 包含网页可见内容,即用户在浏览器中看到的部分。 #### 四、HTML 文件扩展名 - HTML 文件通常使用 `.html` 扩展名保存。 #### 五、HTML ...

    html+css+emmet笔记

    - `&lt;pre&gt;`:预格式文本。 - `&lt;del&gt;` 和 `&lt;ins&gt;`:删除和插入字体效果。 - **引用与定义标签**: - `&lt;abbr&gt;`:定义缩写。 - `&lt;address&gt;`:定义地址。 - `&lt;bdo&gt;`:定义文字方向。 - `&lt;blockquote&gt;`:定义长的...

    html常用标记

    2. **文档主题** `&lt;TITLE&gt;`:定义了文档标题,显示在浏览器的标题栏或标签页上。该元素必须放置在`&lt;HEAD&gt;`标签内部。 3. **文头** `&lt;HEAD&gt;`:包含了关于文档的元数据,例如文档标题、CSS样式链接、JavaScript脚本等...

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    然而,这两种元素在默认情况下可能会存在一些限制,如`&lt;pre&gt;` 不会自动换行,而`&lt;textarea&gt;` 的高度可能不随内容自动调整。下面我们将详细探讨如何通过CSS和JavaScript来解决这些问题,让这些元素既能自动换行,又能...

    DREAMWEAVER知识点.docx

    4. `&lt;pre&gt;`标记用于保留文档中的格式,使得浏览器按原始格式显示文本。 5. `&lt;h6&gt;`是HTML中最小的标题标签,用于创建最小级别的标题。 6. 在HTML中,可以使用`link`、`alink`、`vlink`属性分别设置未访问链接、活动...

    尚硅谷_前端_面试题

    例如,使用`&lt;article&gt;`、`&lt;section&gt;`、`&lt;header&gt;`、`&lt;footer&gt;`等标签替代通用的`&lt;div&gt;`。 6. **Label的作用是什么?是怎么用的?** - **Label**标签用于关联表单控件(如`&lt;input&gt;`),当用户点击`&lt;label&gt;`标签时,...

    PHP学习笔记(一) 简单了解PHP

    当输出数组时,为了提高可读性,可以使用`&lt;pre&gt;`标签包裹`print_r`的输出,如: ```php &lt;?php $arr = array("胡军", "垒成", "大哥"); echo "&lt;pre&gt;"; print_r($arr); echo "&lt;/pre&gt;"; ?&gt; ``` 这样可以使...

    wordpress codecolorer 插件

    在WordPress文章编辑器中,可以使用`&lt;pre&gt;`标签包裹代码,或者使用Markdown语法的``(两个反引号)来创建代码块。CodeColorer会自动识别语言类型,如果没有指定,它会尝试根据代码中的关键字来判断。如果需要强制...

    css浏览器兼容整理

    - 在不同的浏览器中,`&lt;form&gt;`标签的表现可能略有不同。可以使用通用的CSS重置技术来统一表现。 #### 五、浮动 1. **margin加倍的问题** - 浮动元素的外边距在某些浏览器中可能会加倍。可以使用`clear:both;`或...

    xheditor v1.0.0 rc2 build 100401

    修正:&lt;pre&gt;&lt;/pre&gt;已编排格式中的换行符和制表符丢失问题的修正 修正:最终代码提交时没有进行压缩问题的修正 修正:表情没有插入alt信息问题的修正 修正:表情分组切换时产生右移1像素位移问题的修正 修正:当...

    php中自定义函数dump查看数组信息类似var_dump

    如果是,函数将格式化输出为HTML,并使用 `&lt;pre&gt;` 标签包裹内容,同时为标签设置 `&lt;strong&gt;` 标签使其突出显示。在HTML环境下,内容还会经过 `htmlspecialchars()` 函数处理,确保输出到HTML页面中时不会因为特殊...

Global site tag (gtag.js) - Google Analytics