La capçalera Content-Type s'utilitza per indicar el tipus de suport del recurs. El tipus de suport és una cadena enviada juntament amb el fitxer que indica el format del fitxer. Per exemple, per a un fitxer d'imatge, el seu tipus de suport serà com image/png o image/jpg, etc.
En resposta, informa sobre el tipus de contingut retornat al client. El navegador coneix el tipus de contingut que ha de carregar a la màquina. Cada vegada que el seu flux de bytes del fitxer que reben els navegadors, per la capçalera de tipus de contingut, el navegador farà una cosa coneguda com a sniffing MIME, és a dir, inspeccionarà el flux que està rebent i després carregarà les dades en conseqüència.
Sintaxi:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Directives: Hi ha tres directives a les capçaleres HTTP Content-type.
- tipus de suport: conté el tipus MIME (Extensions de correu d'Internet multipropòsit) de les dades. conjunt de caràcters: conté l'estàndard de codificació de caràcters. Charset és l'estàndard de codificació en què els navegadors rebran les dades. boundary: la directiva boundary és necessària quan hi ha entitats multipart. El límit és per a entitats multipart que consisteixen en 70 caràcters d'un conjunt de caràcters coneguts per ser molt robusts a través de passarel·les de correu electrònic i sense espais en blanc.
Exemple: Aquest exemple mostra com es llegeixen les imatges pel navegador amb i sense establir la capçalera Content-type.
mvc java
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Sortida:
Ara sense utilitzar la capçalera de tipus de contingut obtindrem el contingut de la imatge en bytes, de manera que no ens serveix de res.
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Sortida:
?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?@?> Aquí, és clarament visible que, en aplicar la capçalera de tipus de contingut, la informació indica al navegador el tipus de resposta que està rebent del servidor.
Tots els valors possibles de la capçalera de tipus de contingut HTTP:
| Tipus | Valors |
|---|---|
| Aplicació | aplicació/EDI-X12 aplicació/EDIFACT aplicació/javascript aplicació/corrent d'octets aplicació/ogg aplicació/pdf application/xhtml+xml aplicació/x-shockwave-flash aplicació/json application/ld+json aplicació/xml aplicació/zip application/x-www-form-urlencoded |
| Àudio | àudio/mpeg àudio/x-ms-wma audio/vnd.rn-realaudio àudio/x-wav |
| Imatge | imatge/gif imatge/jpeg imatge/png imatge/tiff image/vnd.microsoft.icon imatge/icona x imatge/vnd.djvu imatge/svg+xml |
| Multipart | multipart/mixt multipart/alternativa multipart/relacionat (utilitzant per MHTML (correu HTML).) multipart/form-data |
| Text | text/css text/csv text/html text/javascript (obsolet) text/llaç text/xml |
| Vídeo | vídeo/mpeg vídeo/mp4 vídeo/quicktime vídeo/x-ms-wmv vídeo/x-msvideo vídeo/x-flv vídeo/webm |
| VND | application/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.spreadsheet aplicació/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 aplicació/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Navegadors compatibles: Els navegadors compatibles amb Capçaleres HTTP Tipus de contingut s'enumeren a continuació:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Òpera
L'HTML és la base de les pàgines web, s'utilitza per al desenvolupament de pàgines web estructurant llocs web i aplicacions web. Podeu aprendre HTML des de la base seguint aquest tutorial HTML i exemples HTML .