【基础】01-Content-type
文章目录
- Content-type 是什么
- Content-Type 的组成结构
- 类型举例说明
- text 和 application 的区别详解
- Content-Type 的重要性作用
Content-type 是什么
Content-Type是 HTTP 协议中最重要的头部之一，它告诉浏览器或客户端如何正确处理服务器返回的内容。
Content-Type 的组成结构
基本格式：
Content-Type: 类型/子类型; 参数=值
类型举例说明
| 类型 | 示例 | 说明 |
|---|---|---|
| text | text/html | HTML文档 |
| text/plain | 纯文本 | |
| text/css | CSS样式表 | |
| text/javascript | JavaScript代码 | |
| application | application/json | JSON数据 |
| application/xml | XML数据 | |
| application/pdf | PDF文档 | |
| application/zip | ZIP压缩包 | |
| image | image/jpeg | JPEG图片 |
| image/png | PNG图片 | |
| image/gif | GIF动图 | |
| image/svg+xml | SVG矢量图 | |
| audio | audio/mpeg | MP3音频 |
| audio/wav | WAV音频 | |
| video | video/mp4 | MP4视频 |
| video/webm | WebM视频 | |
| multipart | multipart/form-data | 表单上传文件 |
| multipart/byteranges | 断点续传 | |
| multipart/mixed | ||
| message | message/rfc822 |
text 和 application 的区别详解
| 特征 | text/* 类型 | application/* 类型 |
|---|---|---|
| 主要目的 | 给人阅读 | 给程序处理 |
| 人类可读 | ✅ 直接可读 | ❌ 通常不可读（需特定程序） |
| 编码重要 | ✅ 必须有charset | ⚠️ 通常不需要 |
| 浏览器行为 | 直接显示/执行 | 下载或调用外部程序 |
| 常见用途 | 网页、CSS、JS | 数据交换、文档、压缩包 |
Content-Type 的重要性作用
安全方面
防止 XSS 攻击
避免 MIME 类型混淆攻击
确保脚本正确执行功能方面
让浏览器正确渲染页面
让 JavaScript 正确处理数据
让搜索引擎正确解析用户体验
避免乱码
确保文件正确下载/打开
提高页面加载速度（某些类型有优化）