El encabezado Content-Type se usa para indicar el tipo de medio del recurso. El tipo de medio es una string enviada junto con el archivo que indica el formato del archivo. Por ejemplo, para un archivo de imagen, su tipo de medio será imagen/png o imagen/jpg, etc.
En respuesta, informa al cliente sobre el tipo de contenido devuelto. El navegador llega a conocer el tipo de contenido que tiene que cargar en la máquina. Cada vez que su flujo de bytes del archivo que reciben los navegadores, por 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 de tipo contenido.
- tipo de medio: contiene el tipo de datos MIME (Multipurpose Internet Mail Extensions).
- charset: Mantiene 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 se requiere cuando hay entidades multiparte. El límite es para entidades de varias partes que constan de 70 caracteres de un conjunto de caracteres conocido por ser muy sólido 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.
<?php header('Content-type: image/jpeg');//with header Content type echo file_get_contents("https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png"); ?>
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.
<?php // Without header echo file_get_contents("https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png"); ?>
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 está recibiendo del servidor.
Todos los valores posibles del encabezado de tipo de contenido HTTP:
Escribe | Valores |
---|---|
Solicitud | aplicación/aplicación EDI-X12 /aplicación EDIFACT /aplicación javascript/ aplicación octet-stream /aplicación ogg /aplicación pdf/ aplicación xhtml+xml /aplicación x-shockwave-flash /aplicación json /aplicación ld+json /aplicación xml /aplicación zip / x-www-form-urlencoded |
Audio | audio/mpeg audio/x-ms-wma audio/vnd.rn-realaudio audio/x-wav |
Imagen | imagen/imagen gif /imagen jpeg /imagen png /imagen tiff /vnd.microsoft.icon imagen/x-icon imagen/vnd.djvu imagen/svg+xml |
multiparte | multipart/mixed multipart/multipart alternativo /relacionado (usado por MHTML (correo HTML).) multipart/form-data |
Texto | texto/texto css /texto csv /texto html /javascript (obsoleto) texto/ texto sin formato/xml |
Video | video/video mpeg /video mp4 /video quicktime/ video x-ms-wmv /video x-msvideo /video x-flv /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 application/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document application/vnd.mozilla.xul+xml |
Navegadores compatibles: los navegadores compatibles con encabezados HTTP de tipo de contenido se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
HTML es la base de las páginas web, 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 .
Publicación traducida automáticamente
Artículo escrito por piyush25pv y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA