Encabezados HTTP | Tipo de contenido

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *