Content-Type エンティティヘッダーは、リソースのメディア種別を示すために使用します。

応答においては、 Content-Type ヘッダーはクライアントに返されたコンテンツが実際にはどのような種類のものであるかを伝えます。場合によってはブラウザーは MIME を推定し、このヘッダーの値に従わないこともあります。 X-Content-Type-Optionsnosniff に設定すると、この振舞いを防ぐことができます。

要求においては (POST 又は PUT などで)、クライアントがサーバーにどのような種類のデータが実際に送られたかを伝えます。

ヘッダー種別 エンティティヘッダー
禁止ヘッダー名 いいえ
CORS 対応レスポンスヘッダー はい

構文

Content-Type: text/html; charset=utf-8
Content-Type: multipart/form-data; boundary=something

ディレクティブ

media-type
リソースやデータの MIME タイプです。
charset
標準の文字エンコーディングです。
boundary
マルチパートの本文では boundary ディレクティブが必要で、これはメールゲートウェイを通過しても大丈夫だと知られている文字の中から1~70文字で構成され、ホワイトスペースで終了しないものです。これはメッセージの複数パートの境界を囲むために使用します。ヘッダー境界はよく本文中の2本のダッシュで始まり、最後の境界にも2本の境界が追加されます。

HTML フォームにおける Content-Type

HTML フォームを送信した結果としての POST 要求において、 Content-Type<form> 要素の enctype 属性で指定します。

<form action="/" method="post" enctype="multipart/form-data">
  <input type="text" name="description" value="some text">
  <input type="file" name="myFile">
  <button type="submit">Submit</button>
</form>

この要求はこのように見えます。 (ここではあまり重要でないヘッダーは省略しています)

POST /foo HTTP/1.1
Content-Length: 68137
Content-Type: multipart/form-data; boundary=---------------------------974767299852498929531610575

-----------------------------974767299852498929531610575
Content-Disposition: form-data; name="description" 

some text
-----------------------------974767299852498929531610575
Content-Disposition: form-data; name="myFile"; filename="foo.txt" 
Content-Type: text/plain 

(content of the uploaded file foo.txt)
-----------------------------974767299852498929531610575--

仕様書

仕様書 題名
RFC 7233, セクション 4.1: Content-Type in multipart Hypertext Transfer Protocol (HTTP/1.1): Range Requests
RFC 7231, セクション 3.1.1.5: Content-Type Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,