Nagłówek Content-Type służy do wskazania typu nośnika zasobu. Typ nośnika to ciąg znaków wysyłany wraz z plikiem wskazujący format pliku. Na przykład w przypadku pliku obrazu jego typem nośnika będzie obraz/png lub obraz/jpg itp.
W odpowiedzi informuje klienta o rodzaju zwracanej treści. Przeglądarka dowiaduje się o rodzaju treści, które musi załadować na maszynę. Za każdym razem, gdy strumień bajtów pliku odbierany przez przeglądarki, według nagłówka Content-type, przeglądarka wykona coś zwanego wąchaniem MIME, tj. sprawdzi odbierany strumień, a następnie odpowiednio załaduje dane.
Składnia:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Dyrektywy: W nagłówkach HTTP Content-type znajdują się trzy dyrektywy.
- typ nośnika: przechowuje dane typu MIME (Multicel Internet Mail Extensions). charset: Zawiera standard kodowania znaków. Charset to standard kodowania, w którym dane będą odbierane przez przeglądarki. granica: Dyrektywa granic jest wymagana, gdy istnieją elementy wieloczęściowe. Granica dotyczy jednostek wieloczęściowych składających się z 70 znaków z zestawu znaków, o których wiadomo, że są bardzo niezawodne w bramach poczty e-mail i bez białych znaków.
Przykład: Ten przykład pokazuje, jak obrazy są odczytywane przez przeglądarkę z ustawieniem nagłówka typu treści i bez niego.
Jasmine Davis jako dziecko
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
mapa vs zestaw
Wyjście :
Teraz bez użycia nagłówka typu Content otrzymamy zawartość obrazu w bajtach, więc nie będzie to dla nas przydatne.
inaczej Java
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Wyjście:
?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?@?> Tutaj wyraźnie widać, że poprzez zastosowanie informacji nagłówka Content-type informuje przeglądarkę, jaki rodzaj odpowiedzi otrzymuje z serwera.
silnia Java
Wszystkie możliwe wartości nagłówka HTTP Content-type:
| Typ | Wartości |
|---|---|
| Aplikacja | aplikacja/EDI-X12 aplikacja/EDIFACT aplikacja/javascript aplikacja/strumień oktetu aplikacja/ogg wniosek/pdf aplikacja/xhtml+xml aplikacja/x-shockwave-flash aplikacja/json aplikacja/ld+json aplikacja/xml aplikacja/zip application/x-www-form-urlencoded |
| Audio | audio/mpeg audio/x-ms-wma audio/vnd.rn-realaudio audio/xwav |
| Obraz | obraz/gif obraz/jpeg obraz/png obraz/tiff image/vnd.microsoft.icon obraz/ikona x image/vnd.djvu obraz/svg+xml |
| Wieloczęściowy | wieloczęściowe/mieszane wieloczęściowy/alternatywny wieloczęściowy/powiązany (używany przez MHTML (poczta HTML).) dane wieloczęściowe/formularzowe |
| Tekst | tekst/css tekst/csv tekst/html tekst/javascript (przestarzały) Zwykły tekst tekst/xml |
| Wideo | wideo/mpeg wideo/mp4 wideo/szybki czas video/x-ms-wmv wideo/x-msvideo wideo/x-flv wideo/internet |
| VND | aplikacja/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.spreadsheet aplikacja/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 aplikacja/msłowo application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Obsługiwane przeglądarki: Przeglądarki kompatybilne z Nagłówki HTTP Typ zawartości są wymienione poniżej:
- GoogleChrome
- Internet Explorera
- Firefoksa
- Safari
- Opera
HTML jest podstawą stron internetowych i służy do tworzenia stron internetowych poprzez tworzenie struktur witryn i aplikacji internetowych. Możesz nauczyć się HTML od podstaw, postępując zgodnie z tym samouczkiem HTML i przykładami HTML.