Indholdstypeoverskriften bruges til at angive medietypen for ressourcen. Medietypen er en streng, der sendes sammen med filen, der angiver filens format. For eksempel vil dens medietype for billedfil være som image/png eller image/jpg osv.
Som svar fortæller den om typen af returneret indhold, til klienten. Browseren får at vide om, hvilken type indhold den skal indlæse på maskinen. Hver gang dens byte-stream af filen, som browsere modtager, ved indholdstype-headeren, vil browseren gøre noget kendt som MIME-sniffing, dvs. den vil inspicere den stream, den modtager, og derefter indlæse dataene i overensstemmelse hermed.
Syntaks:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Direktiver: Der er tre direktiver i HTTP-headerne Content-type.
- Medietype: Den indeholder MIME-typen (Multipurpose Internet Mail Extensions) for dataene. charset: Det holder tegnkodningsstandarden. Tegnsæt er den kodningsstandard, hvor dataene modtages af browsere. grænse: Grænsedirektivet er påkrævet, når der er enheder med flere dele. Boundary er for enheder med flere dele, der består af 70 tegn fra et sæt tegn, der vides at være meget robuste gennem e-mail-gateways og uden mellemrum.
Eksempel: Dette eksempel viser, hvordan billederne læses af browseren med og uden indstilling af indholdstypeoverskriften.
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
boolsk i c
>
Output:
Nu uden at bruge Content-type header vil vi få indholdet af billedet i bytes, så det er ikke til nogen nytte for os.
k nærmeste nabo-algoritme
// 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?@?> Her er det tydeligt, at ved at anvende indholdstypens header-information fortæller browseren, hvilken type svar den får fra serveren.
Alle mulige værdier af HTTP Content-type header:
| Type | Værdier |
|---|---|
| Ansøgning | applikation/EDI-X12 ansøgning/EDIFACT applikation/javascript applikation/oktet-stream ansøgning/ogg ansøgning/pdf application/xhtml+xml applikation/x-shockwave-flash applikation/json application/ld+json applikation/xml applikation/zip application/x-www-form-urlencoded |
| Lyd | lyd/mpeg audio/x-ms-wma audio/vnd.rn-realaudio lyd/x-wav |
| Billede | billede/gif billede/jpeg billede/png billede/tiff image/vnd.microsoft.icon billede/x-ikon image/vnd.djvu image/svg+xml |
| Flerdelt | flerdelt/blandet flerdelt/alternativ multipart/relateret (ved hjælp af MHTML (HTML-mail).) multipart/form-data |
| Tekst | tekst/css tekst/csv tekst/html tekst/javascript (forældet) tekst/almindelig tekst/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.præsentation application/vnd.oasis.opendocument.graphics application/vnd.ms-excel application/vnd.openxmlformats-officedocument.spreadsheetml.sheet application/vnd.ms-powerpoint application/vnd.openxmlformats-officedocument.presentationml.præsentation applikation/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Understøttede browsere: De browsere, der er kompatible med HTTP-headere Indholdstype er anført nedenfor:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
HTML er grundlaget for websider, bruges til websideudvikling ved at strukturere websteder og webapps. Du kan lære HTML fra bunden ved at følge denne HTML-vejledning og HTML-eksempler.