Rubriken Content-Type används för att indikera medietypen för resursen. Medietypen är en sträng som skickas tillsammans med filen som anger filformatet. Till exempel, för en bildfil kommer dess mediatyp att vara som image/png eller image/jpg, etc.
Som svar berättar den om typen av returnerat innehåll, till klienten. Webbläsaren får veta vilken typ av innehåll den måste ladda på maskinen. Varje gång dess byteström av filen som webbläsare tar emot, genom innehållstypshuvudet, kommer webbläsaren att göra något som kallas MIME-sniffning, dvs. den kommer att inspektera strömmen den tar emot och sedan laddar data därefter.
Syntax:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Direktiv: Det finns tre direktiv i HTTP-rubrikerna Content-type.
- mediatyp: Den innehåller MIME-typen (Multipurpose Internet Mail Extensions) för data. charset: Den håller teckenkodningsstandarden. Charset är kodningsstandarden där data tas emot av webbläsarna. gräns: Gränsdirektivet krävs när det finns flerdelade enheter. Boundary är för flerdelade enheter som består av 70 tecken från en uppsättning tecken som är kända för att vara mycket robusta via e-postgateways och utan blanksteg.
Exempel: Det här exemplet visar hur bilderna läses av webbläsaren med och utan att ställa in rubriken Content-type.
i java regex
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
separat sträng i java
>
>
Utgång:

Nu utan att använda Content-type header kommer vi att få innehållet i bilden i byte, så det är inte till någon nytta för oss.
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Produktion:
?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?@?> Här är det tydligt att genom att använda innehållstypshuvudinformationen talar om för webbläsaren vilken typ av svar den får från servern.
typskript för varje loop
Alla möjliga värden för HTTP Content-type header:
| Typ | Värderingar |
|---|---|
| Ansökan | applikation/EDI-X12 ansökan/EDIFACT applikation/javascript applikation/oktettström applikation/ogg ansökan/pdf application/xhtml+xml applikation/x-shockwave-flash applikation/json application/ld+json application/xml applikation/zip application/x-www-form-urlencoded |
| Audio | ljud/mpeg audio/x-ms-wma audio/vnd.rn-realaudio ljud/x-wav |
| Bild | bild/gif bild/jpeg bild/png bild/tiff image/vnd.microsoft.icon bild/x-ikon image/vnd.djvu image/svg+xml |
| Flerdelad | flerdelad/blandad flerdelad/alternativ multipart/relaterat (med MHTML (HTML-e-post).) multipart/form-data |
| Text | text/css text/csv text/html text/javascript (föråldrad) text/vanlig text/xml |
| Video | video/mpeg video/mp4 video/snabbtid 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 applikation/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Webbläsare som stöds: Webbläsare som är kompatibla med HTTP-rubriker Innehållstyp listas nedan:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
HTML är grunden för webbsidor, används för webbsidautveckling genom att strukturera webbplatser och webbappar. Du kan lära dig HTML från grunden genom att följa denna HTML-handledning och HTML-exempel .