问题场景:
我在 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");
分享到:
相关推荐
这样可以避免浏览器自动添加`<pre>`标签。 对于不同浏览器之间的差异,例如Firefox、IE和Chrome对返回值的处理方式不同,这主要是由于各个浏览器对非标准`Content-Type`或未明确指定`Content-Type`的处理策略存在...
13. `<br>`标记:`<br>`是单标签,不需要闭合标签`</br>`,并且它不会因为内部的回车符而自动换行。 14. `<h6>`标记:在HTML中,`<h6>`表示最小的标题。 15. 不能使文字换行的标记:`<pre>`标记可以换行,`<br>`...
特殊字符可以用特定语法表示,如`<>&" `分别对应`<>&"`,` `用于插入空格,`<img>`标签则用于插入图像,通过`src`指定图像源,`border`设置边框宽度,`width`和`height`定义图像尺寸,`vspace`和`hspace`控制...
排版标记如`<P>`用于创建段落,`<BR>`用于强制换行,`<HR>`插入水平线,`<CENTER>`使内容居中,`<PRE>`保留原始的文本格式,`<DIV>`用于布局控制,`<NOBR>`阻止文本自动换行,`<WBR>`则提供一个建议的换行位置。...
- 终止标记通过在起始标记名称前加上“/”来表示,例如`</font>`。 - 标记名称区分大小写。 #### 标记分类 - **围堵标记**:此类标记包括起始标记和终止标记,用来将文本包裹起来实现特定的格式化效果。例如`<b>...
- **`<title>`**: 定义网页标题,显示于浏览器标签页。 - **`<body>`**: 包含网页可见内容,即用户在浏览器中看到的部分。 #### 四、HTML 文件扩展名 - HTML 文件通常使用 `.html` 扩展名保存。 #### 五、HTML ...
- `<pre>`:预格式文本。 - `<del>` 和 `<ins>`:删除和插入字体效果。 - **引用与定义标签**: - `<abbr>`:定义缩写。 - `<address>`:定义地址。 - `<bdo>`:定义文字方向。 - `<blockquote>`:定义长的...
2. **文档主题** `<TITLE>`:定义了文档标题,显示在浏览器的标题栏或标签页上。该元素必须放置在`<HEAD>`标签内部。 3. **文头** `<HEAD>`:包含了关于文档的元数据,例如文档标题、CSS样式链接、JavaScript脚本等...
然而,这两种元素在默认情况下可能会存在一些限制,如`<pre>` 不会自动换行,而`<textarea>` 的高度可能不随内容自动调整。下面我们将详细探讨如何通过CSS和JavaScript来解决这些问题,让这些元素既能自动换行,又能...
4. `<pre>`标记用于保留文档中的格式,使得浏览器按原始格式显示文本。 5. `<h6>`是HTML中最小的标题标签,用于创建最小级别的标题。 6. 在HTML中,可以使用`link`、`alink`、`vlink`属性分别设置未访问链接、活动...
例如,使用`<article>`、`<section>`、`<header>`、`<footer>`等标签替代通用的`<div>`。 6. **Label的作用是什么?是怎么用的?** - **Label**标签用于关联表单控件(如`<input>`),当用户点击`<label>`标签时,...
当输出数组时,为了提高可读性,可以使用`<pre>`标签包裹`print_r`的输出,如: ```php <?php $arr = array("胡军", "垒成", "大哥"); echo "<pre>"; print_r($arr); echo "</pre>"; ?> ``` 这样可以使...
在WordPress文章编辑器中,可以使用`<pre>`标签包裹代码,或者使用Markdown语法的``(两个反引号)来创建代码块。CodeColorer会自动识别语言类型,如果没有指定,它会尝试根据代码中的关键字来判断。如果需要强制...
- 在不同的浏览器中,`<form>`标签的表现可能略有不同。可以使用通用的CSS重置技术来统一表现。 #### 五、浮动 1. **margin加倍的问题** - 浮动元素的外边距在某些浏览器中可能会加倍。可以使用`clear:both;`或...
修正:<pre></pre>已编排格式中的换行符和制表符丢失问题的修正 修正:最终代码提交时没有进行压缩问题的修正 修正:表情没有插入alt信息问题的修正 修正:表情分组切换时产生右移1像素位移问题的修正 修正:当...
如果是,函数将格式化输出为HTML,并使用 `<pre>` 标签包裹内容,同时为标签设置 `<strong>` 标签使其突出显示。在HTML环境下,内容还会经过 `htmlspecialchars()` 函数处理,确保输出到HTML页面中时不会因为特殊...