Content-Type 头用于指示资源的媒体类型。媒体类型是与文件一起发送的字符串,指示文件的格式。例如,对于图像文件,其媒体类型将是 image/png 或 image/jpg 等。
作为响应,它告诉客户端返回内容的类型。浏览器了解它必须在机器上加载的内容类型。每次浏览器接收到文件的字节流时,通过 Content-type 标头,浏览器将执行称为 MIME 嗅探的操作,即它会检查它正在接收的流,然后相应地加载数据。
句法:
Content-Type: text/html; charset=UTF-8
Content-Type: multipart/form-data; boundary=something
指令: HTTP 标头 Content-type 中有三个指令。
- 媒体类型:它保存数据的 MIME(多用途 Internet 邮件扩展)类型。
- charset:它包含字符编码标准。字符集是浏览器接收数据的编码标准。
- 边界:当存在多部分实体时需要边界指令。边界用于多部分实体,该实体由一组字符的 70 个字符组成,这些字符集通过电子邮件网关已知非常强大,并且没有空格。
示例:此示例显示浏览器如何在设置和不设置 Content-type 标头的情况下读取图像。
输出 :
现在不使用 Content-type 标头,我们将以字节为单位获取图像的内容,因此它对我们没有任何用处。
输出:
?PNG IHDRX??'?iCCPsRGB IEC61966-2.1(?u??+DQ??3????????????63??P????H?U????l??RDJV???9oF?
$sn????{N???pZ??^?d?Z(p?E?]??h??QEW?f??T??{, f???????????z?aE??????y???6%]>vkrA?;S?????d??M?
¡?6???`%?????&???Q-Z?j????BSZo?a???}N ?._u {??#??N?g?{-bKGD??????? pHYs.#.#x??vtIME?4_?X
IDATx??w?U??????MB$??$@@? 2t?"EDa???"? C?*C????Hq?ja??w ????????L{??}?}??w?;??{???{.4, ???j???
q10??_??h2]`P??:^?5??@?W?=????????XY??? w.??9??`z?1?!V??B????XM~^?|?1?qm???(?h??C?OV?js{e?+
L?b?{%?@`?+:sQ?@?
在这里,很明显,通过应用 Content-type 标头信息告诉浏览器它从服务器获得的响应类型。
HTTP Content-type 标头的所有可能值:
Type | Values |
---|---|
Application | application/EDI-X12 application/EDIFACT application/javascript application/octet-stream application/ogg application/pdf application/xhtml+xml application/x-shockwave-flash application/json application/ld+json application/xml application/zip application/x-www-form-urlencoded |
Audio | audio/mpeg audio/x-ms-wma audio/vnd.rn-realaudio audio/x-wav |
Image | image/gif image/jpeg image/png image/tiff image/vnd.microsoft.icon image/x-icon image/vnd.djvu image/svg+xml |
Multipart | multipart/mixed multipart/alternative multipart/related (using by MHTML (HTML mail).) multipart/form-data |
Text | text/css text/csv text/html text/javascript (obsolete) text/plain text/xml |
Video | video/mpeg video/mp4 video/quicktime video/x-ms-wmv video/x-msvideo video/x-flv video/webm |
VND | application/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.graphics application/vnd.ms-excel application/vnd.openxmlformats-officedocument.spreadsheetml.sheet application/vnd.ms-powerpoint application/vnd.openxmlformats-officedocument.presentationml.presentation application/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
支持的浏览器:下面列出了与HTTP 标头 Content-type兼容的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐
- 苹果浏览器
- 歌剧
HTML 是网页的基础,用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。