IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Content-Type问题总结

博客园-rethink log 2009-11-09 13:32:12 累计浏览 7,124 次
本机暂存

web服务器在向浏览器发送任何内容的时候,都会先发送相应的header头。无论是html文本,还是gif,jpg等文件。

header信息里面一般会包含:

Date,Server,Last-Modified,Etag,Content-Length,Content-Type等等信息。

深入了解header里面的信息很有必要,因为这是浏览器是否使用浏览器缓存文件,及能否正确解析文件的基础。

最近遇到页面的显示问题,都是和Content-Type相关的。

问题1:charset,页面要使用shift_jis编码。

因为web服务器默认的Charset不是shift_jis,这时候即使你的html里面的meta正确设置了:

以下是代码片段:
<meta http-equiv="content-type" content="application/xhtml+xml; charset=Shift_JIS" />

页面还是会显示乱码。原因是web服务器发送的header信息为:

以下是代码片段:
Content-Type:text/html; charset=utf-8

解决办法1:

在apache中进行配置:AddDefaultCharset shift_jis

即设置文本的默认编码为shift_jis。

解决办法2:

以下是代码片段:
通过php设置:header(’Content-Type:text/html; charset=shift-jis’);

问题2:页面规范为xhtml 1.0

首先,xhtml 1.0对应的content type为application/xhtml+xml。因此页面中meta设置如下:

以下是代码片段:
<meta http-equiv="content-type" content="application/xhtml+xml; charset=Shift_JIS" />

但是即使如此,发现在手机模拟器中(这是个手机网站项目),页面的样式无法正确显示。

问题的原因还是出现在header信息中的Content-Type上。通过YSlow查看得到:

以下是代码片段:
Content-Type:text/html; charset=shift-jis

这边的 text/html 会导致手机浏览器无法按照XHTML1.0解析html页面。

解决方法1:

修改apache配置。

apache关于文件类型的content type定义都放在:mime.types文件中。 在mime.types中可以看到:

以下是引用片段:
text/html   html htm

这边的意思是:对于.html和.htm格式的文件,发送的content type为text/html ,因此我们只要修改为:

以下是引用片段:
application/xhtml+xml  html htm

即可解决在 .html 和 .htm文件中解析xhtml 1.0问题,但这会影响apache的全局配置。为了消除对其他项目的影响,因此在该项目的虚拟目录增加设置:

以下是引用片段:
AddType application/xhtml+xml html

这样子,对于 .html 格式的文件,服务器发送的content type就都是“application/xhtml+xml ”了,如果要支持其他格式的文件,设置的方法也类似。

解决方法2:

将使用XHTML1.0规范的静态文件都改为 .xhtml 或者 .xht 格式。因为事实上apache中的mime.types已经有如下定义:

以下是引用片段:
application/xhtml+xml  xhtml xht

解决方法3:

通过php设置:

以下是代码片段:
header(’Content-Type:application/xhtml+xml; charset=shift-jis’);

总结:浏览器解析页面的时候,优先参照的是header头信息里面的设置,之后才是html页面中的meta设置。如果出现页面乱码或者文档无法正常解析,应该从header头信息里面去找找原因。

如何查看浏览器接收到的文件的header信息呢?推荐使用Yslow!

同分类推荐文章

  1. 等了十年的 Go 链式管道,终于来了:seq 让你像写 Scala 一样写 Go (2026-06-25 18:38:18)
  2. Go 实验特性详解 (2026-06-21 10:05:27)
  3. amd64 微架构级别对 Go 程序性能提升多少? (2026-06-21 09:38:49)

查看更多 后端 文章 →

建议继续学习

  1. 浅析http协议、cookies和session机制、浏览器缓存 (累计阅读 17,446)
  2. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,933)
  3. libcurl的使用总结(二) (累计阅读 15,083)
  4. 使用python爬虫抓站的一些技巧总结:进阶篇 (累计阅读 13,302)
  5. HTTP协议Keep-Alive模式详解 (累计阅读 12,105)
  6. 你必须了解的Session的本质 (累计阅读 11,442)
  7. curl 命令使用cookie (累计阅读 10,018)
  8. Hello! 404 (累计阅读 9,385)
  9. 解决 nginx 反向代理网页首尾出现神秘字符的问题 (累计阅读 9,098)
  10. POST与GET的区别及RESTful (累计阅读 7,864)