MIMEタイプとは?|HTML5の基本

MIMEタイプとは?|HTML5の基本

MIMEタイプとは

MIMEタイプとは、ファイル形式を表す識別子のことです。

ホームページを表示する際、ホームページのファイルが置かれているWebサーバーからホームページを見るためのWebブラウザに対して、ホームページのファイルが送られます。

このとき、ホームページのファイルと一緒に「このファイルは、こんな種類のファイルですよ」という情報も送られます。
例えば、「HTMLファイルですよ」「CSSファイルですよ」といった感じです。

このファイルの種類を表す情報がMIMEタイプです。

MIMEタイプとはファイルの種類を表す情報のこと

MIMEタイプとはファイルの種類を表す情報のこと

 
 

MIMEタイプの形式

MIMEタイプは以下のような形式で表されます。

ファイルの分類/ファイルの種類
 
 
例えば、「text/html」というMIMEタイプがありますが、これは「textに分類されるhtmlファイル」ということを意味しています。
 
 

スポンサーリンク

主なMIMEタイプの一覧

以下は、type属性またはaccept属性で使用するMIMEタイプの一覧です。

ファイル形式主な拡張子MIMEタイプ
テキスト・HTML等
テキスト.txttext/plain
HTML.html .htmtext/html
XHTML.xhtmlapplication/xhtml+xml
XML.xmltext/xml
RSS.rss .xmlapplication/rss+xml (application/xml、text/xml)
CSS・スクリプト
CSS.csstext/css
JavaScript.jstext/javascript
VBScript.vbstext/vbscript
CGI.cgiapplication/x-httpd-cgi
PHP.phpapplication/x-httpd-php
画像
GIF.gifimage/gif
JPEG.jpg .jpegimage/jpeg
PNG.pngimage/png
アイコン.icoimage/vnd.microsoft.icon
動画
Flash.swfapplication/x-shockwave-flash
MPEG.mpg .mpegvideo/mpeg
MP4.mp4video/mp4
WebM.webmvideo/webm
Ogg.ogvvideo/ogg
QuickTime.mov .qtvideo/quicktime
AVI.avivideo/x-msvideo
音声
MP3.mp3audio/mpeg
AAC.m4aaudio/aac
Ogg.oggaudio/ogg
MIDI.mid .midiaudio/midi
RealAudio.raaudio/vnd.rn-realaudio
WAVE.wavaudio/wav
その他
ZIP.zipapplication/zip
PDF.pdfapplication/pdf
Word.docapplication/msword
Excel.xlsapplication/msexcel

 
 

type属性・accept属性を持つ要素

type属性

以下が、type属性を指定できる要素です。(MIMEタイプが指定可能なtype属性のみ)

 
type属性で指定するMIMEタイプは必須ではありませんが、推奨属性ですので指定しておくようにしましょう。
特に特定のファイル形式をサポートしないブラウザがある場合は必須です。
 
 

accept属性

以下が、accept属性を指定できる要素です。

  • <input>(type=”file”の場合)

 
 

HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








MIMEタイプとは?|HTML5の基本