De Content-Type header wordt gebruikt om het mediatype van de bron aan te geven. Het mediatype is een tekenreeks die samen met het bestand wordt verzonden en die het formaat van het bestand aangeeft. Voor een afbeeldingsbestand is het mediatype bijvoorbeeld afbeelding/png of afbeelding/jpg, enz.
bash-leesbestand
Als reactie hierop vertelt het informatie over het type geretourneerde inhoud aan de klant. De browser leert welk type inhoud hij op de machine moet laden. Elke keer dat de bytestream van het bestand dat browsers ontvangen, door de Content-type header, zal de browser iets doen dat bekend staat als MIME-snuiven, dat wil zeggen dat het de stream die het ontvangt inspecteert en vervolgens de gegevens dienovereenkomstig laadt.
Syntaxis:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Richtlijnen: Er zijn drie richtlijnen in de HTTP-headers Content-type.
- mediatype: het bevat het MIME-type (Multipurpose Internet Mail Extensions) van de gegevens. tekenset: bevat de tekencoderingsstandaard. Charset is de coderingsstandaard waarin de gegevens door de browsers worden ontvangen. grens: De grensinstructie is vereist als er entiteiten met meerdere delen zijn. Grens is voor entiteiten die uit meerdere delen bestaan en bestaat uit 70 tekens uit een reeks tekens waarvan bekend is dat ze zeer robuust zijn via e-mailgateways, en zonder witruimte.
Voorbeeld: Dit voorbeeld laat zien hoe de afbeeldingen door de browser worden gelezen, met en zonder de Content-type header in te stellen.
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
js-array
>
Uitgang:
Zonder de Content-type header te gebruiken, krijgen we nu de inhoud van de afbeelding in bytes, dus het heeft voor ons geen enkel nut.
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Uitgang:
?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?@?> Hier is het duidelijk zichtbaar dat door het toepassen van de Content-type header informatie de browser vertelt welk type antwoord hij van de server krijgt.
java string-trim
Alle mogelijke waarden van HTTP Content-type header:
| Type | Waarden |
|---|---|
| Sollicitatie | applicatie/EDI-X12 toepassing/EDIFACT applicatie/javascript applicatie/octet-stream toepassing/ogg applicatie/pdf toepassing/xhtml+xml applicatie/x-shockwave-flash toepassing/json application/ld+json applicatie/xml Applicatie/zip application/x-www-form-urlencoded |
| Audio | audio/mpeg audio/x-ms-wma audio/vnd.rn-realaudio audio/x-wav |
| Afbeelding | afbeelding/gif afbeelding/jpeg afbeelding/png afbeelding/tiff image/vnd.microsoft.icon afbeelding/x-pictogram image/vnd.djvu afbeelding/svg+xml |
| Meerdelig | meerdelig/gemengd meerdelig/alternatief multipart/gerelateerd (met behulp van MHTML (HTML-mail).) meerdelige/formuliergegevens |
| Tekst | tekst/css tekst/csv tekst/html tekst/javascript (verouderd) tekst/gewoon tekst/xml |
| Video | video/mpeg filmpje/mp4 video/snelle tijd 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.presentatie 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 applicatie/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Ondersteunde browsers: De browsers die compatibel zijn met HTTP-headers Inhoudstype staan hieronder vermeld:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
HTML is de basis van webpagina's en wordt gebruikt voor de ontwikkeling van webpagina's door websites en webapps te structureren. U kunt HTML vanaf de basis leren door deze HTML-tutorial en HTML-voorbeelden te volgen.