El encabezado Content-Type se utiliza para indicar el tipo de medio del recurso. El tipo de medio es una cadena enviada junto con el archivo que indica el formato del archivo. Por ejemplo, para un archivo de imagen, su tipo de medio será como imagen/png o imagen/jpg, etc.
En respuesta, informa al cliente sobre el tipo de contenido devuelto. El navegador conoce el tipo de contenido que debe cargar en la máquina. Cada vez que el flujo de bytes del archivo que reciben los navegadores, mediante el encabezado de tipo de contenido, el navegador hará algo conocido como rastreo MIME, es decir, inspeccionará el flujo que está recibiendo y luego cargará los datos en consecuencia.
Sintaxis:
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Directivas: Hay tres directivas en los encabezados HTTP Tipo de contenido.
- tipo de medio: contiene el tipo MIME (Extensiones multipropósito de correo de Internet) de los datos. charset: contiene el estándar de codificación de caracteres. Charset es el estándar de codificación en el que los navegadores recibirán los datos. límite: la directiva de límite es necesaria cuando hay entidades de varias partes. El límite es para entidades de varias partes que constan de 70 caracteres de un conjunto de caracteres que se sabe que son muy sólidos a través de puertas de enlace de correo electrónico y sin espacios en blanco.
Ejemplo: Este ejemplo muestra cómo el navegador lee las imágenes con y sin configurar el encabezado de tipo de contenido.
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
¿Cuál es la diferencia entre un megabyte y un gigabyte?
>
>
Producción :
Ahora, sin usar el encabezado de tipo Contenido obtendremos el contenido de la imagen en bytes, por lo que no nos sirve de nada.
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Producción:
?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í, es claramente visible que al aplicar la información del encabezado de tipo de contenido le dice al navegador el tipo de respuesta que obtiene del servidor.
Todos los valores posibles del encabezado de tipo de contenido HTTP:
| Tipo | Valores |
|---|---|
| Solicitud | aplicación/EDI-X12 aplicación/EDIFACT aplicación/javascript aplicación/flujo de octetos aplicación/ogg Solicitud PDF aplicación/xhtml+xml aplicación/x-shockwave-flash aplicación/json aplicación/ld+json aplicación/xml aplicación/zip aplicación/x-www-formulario-urlencoded |
| Audio | audio/mpeg audio/x-ms-wma audio/vnd.rn-realaudio audio/x-wav |
| Imagen | imagen/gif imagen/jpeg imagen/png imagen/tif imagen/vnd.microsoft.icon imagen/icono x imagen/vnd.djvu imagen/svg+xml |
| multiparte | multiparte/mixto multiparte/alternativa multiparte/relacionado (usado por MHTML (correo HTML).) datos multiparte/formulario |
| Texto | texto/css texto/csv texto/html texto/javascript (obsoleto) Texto sin formato texto/xml |
| Video | vídeo/mpeg vídeo/mp4 vídeo/tiempo rápido vídeo/x-ms-wmv vídeo/x-msvídeo vídeo/x-flv vídeo/webm |
| VND | aplicación/vnd.oasis.opendocument.text aplicación/vnd.oasis.opendocument.spreadsheet aplicación/vnd.oasis.opendocument.presentación aplicación/vnd.oasis.opendocument.graphics aplicación/vnd.ms-excel aplicación/vnd.openxmlformats-officedocument.spreadsheetml.sheet aplicación/vnd.ms-powerpoint aplicación/vnd.openxmlformats-officedocument.presentationml.presentation aplicación/msword aplicación/vnd.openxmlformats-officedocument.wordprocessingml.document aplicación/vnd.mozilla.xul+xml |
Navegadores compatibles: Los navegadores compatibles con Encabezados HTTP Tipo de contenido están enlistados debajo:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
HTML es la base de las páginas web y se utiliza para el desarrollo de páginas web mediante la estructuración de sitios web y aplicaciones web. Puede aprender HTML desde cero siguiendo este tutorial de HTML y ejemplos de HTML.