浏览器响应数据类型（Content-Type）详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了浏览器响应数据类型（Content-Type）详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

浏览器要显示内容，首先需要判断响应消息中的数据属于哪种类型。Web 可以处理的数据包括文字、图像、声音、视频等多种类型，每种数据的显示方法都不同，因此必须先要知道返回了什么类型的数据，否则无法正确显示。

这时，我们需要一些信息才能判断数据类型，原则上可以根据响应消息开头的 Content-Type 头部字段的值来进行判断。这个值一般是下面这样的字符串。

Content-Type: text/html

其中“/”左边的部分称为“主类型”，表示数据的大分类；右边的“子类型”表示具体的数据类型。在上面的例子中，主类型是 text，子类型是 html。主类型和子类型的含义都是事先确定好的，表中列出了其中主要的一些类型。上面例子中的数据类型表示遵循 HTML 规格的 HTML 文档。

常见的媒体格式类型如下：

主类型	含义	子类型示例
		text/html： HTML文档格式
text	表示文本数据	text/plain ：纯文本格式
		text/xml ： XML格式
		image/gif：gif图片格式
image	表示图像数据	image/jpeg：jpg图片格式
		image/png：png图片格式
audio	表示音频数据	audio/mpeg：MP2、MP3格式的音频
video	表示视频数据	video/mpeg：MPEG格式的视频
		video/quicktimeQuickTime格式的视频
model	表示对物体等的形状和动作进行建模的数据	model/vrml：VRML格式的建模数据
		application/xhtml+xml ：XHTML格式
		application/xml： XML数据格式
		application/atom+xml ：Atom XML聚合格式
		application/json： JSON数据格式
application	除上述以外的数据，Excel、Word等应用程序的数据都属于这一类型	application/pdf：pdf格式的文档数据
		application/msword ： MS-Word格式的文档数据
		application/octet-stream ：二进制流数据（如常见的文件下载）
		application/x-www-form-urlencoded： <form encType=””>中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式）
message	直接存放邮件等消息是使用的类型，表示直接存放某种格式的消息	message/rfc822：一般的邮件数据，包含From:、Date:等头部数据
multipart	消息体中包含多个部分的数据	multipart/form-data：需要在表单中进行文件上传时，就需要使用该格式

此外，当数据类型为文本时，还需要判断编码方式，这时需要用 charset 附加表示文本编码方式的信息，内容如下。

Content-Type: text/html; charset=utf-8

除了通过 Content-Type 判断数据类型，还需要检查 Content-Encoding 头部字段。如果消息中存放的内容是通过压缩或编码技术对原始数据进行转换得到的，那么 Content-Encoding 的值就表示具体的转换方式，通过这个字段的值，我们可以知道如何将消息中经过转换的数据还原成原始数据。文章来源地址https://www.toymoban.com/news/detail-514523.html

到了这里，关于浏览器响应数据类型（Content-Type）详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！