Заголовок Content-Type використовується для вказівки типу носія ресурсу. Тип носія – це рядок, який надсилається разом із файлом і вказує на формат файлу. Наприклад, для файлу зображення його тип медіа буде як зображення/png або зображення/jpg тощо.
У відповідь він повідомляє про тип повернутого контенту клієнту. Браузер дізнається про тип вмісту, який він має завантажити на машину. Кожного разу, коли його байтовий потік файлу, який браузер отримує, через заголовок Content-type, браузер виконуватиме щось, відоме як перехоплення MIME, тобто він перевірятиме потік, який він отримує, а потім завантажуватиме дані відповідно.
Синтаксис:
зміна рядка в c
Content-Type: text/html; charset=UTF-8 Content-Type: multipart/form-data; boundary=something>
Директиви: У заголовках HTTP Content-type є три директиви.
- тип носія: містить дані типу MIME (багатоцільових розширень Інтернет-пошти). charset: містить стандарт кодування символів. Кодування — це стандарт кодування, у якому дані отримуватимуть браузери. boundary: директива boundary необхідна, коли є багатокомпонентні сутності. Межа призначена для багатокомпонентних об’єктів, які складаються з 70 символів із набору символів, які, як відомо, є дуже надійними через шлюзи електронної пошти, і без пробілів.
приклад: Цей приклад показує, як зображення читаються браузером із встановленням заголовка Content-type і без нього.
header('Content-type: image/jpeg');//with header Content type echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
>
Вихід:

Тепер, не використовуючи заголовок Content-type, ми отримаємо вміст зображення в байтах, тому це нам не принесе користі.
// Without header echo file_get_contents(' img/http-headers/15/http-headers-content-type.webp'); ?>> |
>
тестові випадки junit
>
Вихід:
?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?@?> Тут чітко видно, що застосовуючи інформацію заголовка Content-type повідомляє браузеру тип відповіді, яку він отримує від сервера.
Усі можливі значення заголовка HTTP Content-type:
| Тип | Цінності |
|---|---|
| застосування | додаток/EDI-X12 застосування/EDIFACT додаток/javascript додаток/октет-потік додаток/ogg додаток/pdf додаток/xhtml+xml додаток/x-shockwave-flash додаток/json додаток/ld+json додаток/xml додаток/zip application/x-www-form-urlencoded |
| Аудіо | аудіо/mpeg аудіо/x-ms-wma audio/vnd.rn-realaudio аудіо/x-wav |
| Зображення | зображення/gif зображення/jpeg зображення/png зображення/tiff image/vnd.microsoft.icon зображення/піктограма x зображення/vnd.djvu зображення/svg+xml |
| Багаточастинний | багатокомпонентний/змішаний багаточастинний/альтернативний multipart/related (з використанням MHTML (HTML-пошта).) multipart/form-data |
| текст | текст/css текст/csv текст/html текст/javascript (застаріле) текст/звичайний текст/xml |
| відео | відео/mpeg відео/mp4 відео/QuickTime відео/x-ms-wmv video/x-msvideo відео/x-flv відео/webm |
| VND | application/vnd.oasis.opendocument.text application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.graphics додаток/vnd.ms-excel application/vnd.openxmlformats-officedocument.spreadsheetml.sheet application/vnd.ms-powerpoint application/vnd.openxmlformats-officedocument.presentationml.presentation додаток/msword application/vnd.openxmlformats-officedocument.wordprocessingml.document додаток/vnd.mozilla.xul+xml |
Підтримувані браузери: Браузери, сумісні з HTTP заголовки Content-type перераховані нижче:
- Гугл хром
- Internet Explorer
- Firefox
- Сафарі
- Опера
HTML є основою веб-сторінок, використовується для розробки веб-сторінок шляхом структурування веб-сайтів і веб-програм. Ви можете вивчити HTML з нуля, дотримуючись цього посібника з HTML і прикладів HTML.