以下に、いくつかの重要なMIMEタイプとそれらの使用方法を示します。
-
text/html: これはHTMLコンテンツのMIMEタイプです。ウェブページの主要なコンテンツタイプとして使用されます。例えば、以下のように指定します。
<script type="text/html"> <!-- HTMLコード --> </script>
-
application/json: JSONデータのMIMEタイプです。APIの応答やデータの転送に使用されます。
fetch('data.json') .then(response => response.json()) .then(data => { // JSONデータの処理 });
-
image/jpeg: JPEG画像のMIMEタイプです。画像を表示する場合や、ファイルのアップロードなどで使用されます。
<img src="image.jpg" alt="JPEG画像">
-
audio/mpeg: MP3音声ファイルのMIMEタイプです。オーディオプレーヤーで音声を再生する場合に使用します。
<audio src="audio.mp3" controls> 音声を再生するには、audio要素をサポートしているブラウザが必要です。 </audio>
-
video/mp4: MP4動画のMIMEタイプです。ビデオプレーヤーで動画を再生する場合に使用します。
<video src="video.mp4" controls> 動画を再生するには、video要素をサポートしているブラウザが必要です。 </video>
これらは一部の重要なMIMEタイプの例ですが、他にも多くのタイプが存在します。開発するアプリケーションや使用するコンテンツに応じて、適切なMIMEタイプを選択してください。
正しいMIMEタイプの使用は、ブラウザ互換性やセキュリティの向上にも貢献します。適切なMIMEタイプを指定することで、ユーザーエクスペリエンスを向上させることができます。