(ちょっとメモ)MIMEタイプ
最終更新日:2017年11月22日 (初回投稿日:2012年03月20日)
<link>要素で「MIMEタイプ」というのが出てきます。
これを <link>要素の前に紹介しておきます。
ファイルの拡張子とは「.html」 だったらHTMLファイル、「.gif」 ならGIF画像ファイルと、そのファイルが何であるかを示すものですが、この「拡張子」という方式の他に MIMEタイプ(Multipurpose Internet Mail Extensions type)というデータの識別方式があり、サーバ・ブラウザ間では このMIMEタイプでデータのやり取りをしているんだそうです。
MIMEタイプは IETF RFC 6838で定義・標準化されています。
ブラウザは、ドキュメントをどのように処理するか決めるために、ファイルの拡張子よりも MIMEタイプを使用することが よくあるんだって。
MIMEタイプは、
「タイプ名 / サブタイプ名」というカタチで表示します。
.html は「text/html」 .gif は「image/gif」といった具合です。
どんなMIMEタイプがあるか、表にしてみました
MIMEタイプはものすごい数があるので、よく使いそうなものだけ抜粋しました。
MIMEタイプ | 拡張子 | ファイルの概要 |
application/pdf | PDFファイル | |
application/xml | .xml | XMLファイル |
application/xhtml+xml | .xhtml | XHTMLファイル |
application/zip | .zip | ZIPファイル(圧縮ファイル) |
audio/mpeg | .mp3 | MP3(音声ファイル) |
audio/aac | .m4a | AAC(音声ファイル) |
audio/ogg | .ogg | Ogg(音声ファイル) |
audio/midi | .mid .midi | MIDI(音声ファイル) |
audio/vnd.rn-realaudio | .ra | RealAudio(音声ファイル) |
audio/wav | .wav | WAVE(音声ファイル) |
image/gif | .gif | GIF画像ファイル |
image/jpeg | .jpg .jpeg | JPEG画像 |
image/png | .png | PNG画像 |
image/webp | .webp | WEBP画像 |
image/x-icon | .ico | アイコン形式 |
image/svg+xml | .svg .svgz | SVG 形式画像 |
text/css | .css | スタイルシート |
text/html | .html .htm | HTMLファイル |
text/javascript | .js | Javascriptファイル |
text/plain | .txt | テキストファイル |
video/mpeg | .mpeg .mpg | MPEG(動画ファイル) |
video/mp4 | .mp4 | MP4(動画ファイル) |
video/webm | .webm | WebM(動画ファイル) |
video/ogg | .ogv | Ogg(動画ファイル) |
video/quicktime | .qt .mov | Quick Time(動画ファイル) |
上記以外の MIMEタイプを調べたい場合は、IANA(Internet Assigned Numbers Authority)に記録されていますので、下記で確認してください。
MIME Media Types | IANA
また、こちらにも、わかりやすく抜粋した形で掲載されています。
MIME タイプの包括的な一覧 - HTTP | MDN
- 関連記事
-
- [44] script要素で HTMLにスクリプトを読み込む or 直接書く
- [43] style要素で CSS を HTML文書内に書こう
- [42-4] link要素で ショートカットアイコン(favicon)を表示させよう
- [42-3] link要素の「rel属性」の値(リンクタイプ)
- (ちょっとメモ)CSSの @import と @media(メディアクエリ)
- [42-2] link要素の media属性で 外部CSSをメディア別に切り替えよう
- [42-1] link で外部CSSファイルの読み込み・グループ化をしよう
- (ちょっとメモ)MIMEタイプ
- [41] base でベースの URL を示そう
- [40] メタデータ・コンテンツって何?
- (ちょっとメモ)HTML5の文法チェックサイト
- [39] 全要素に使える「HTML5グローバル属性」を見てみよう
- [38-2] 「コンテンツ・モデル」一覧
- [38-1] 「コンテンツ・モデル」で要素のルールを見てみよう
- [37] HTML5要素の「カテゴリー」を見てみよう
初心者にも使いやすい(と思う)レンタルサーバー
「初心者ですがレンタルサーバーはどこがいい?」というご質問をよくいただきます。
自由にファイルをアップロードできる自分のサーバがあると便利ですよね。ローカル環境じゃなくサーバ上で試してみたい時がありますからね。
私が使っているのは、
スターサーバーや ロリポップ!
です。どちらも管理画面がわかりやすく、マニュアルも充実していて、料金も安い。どちらもライトプラン以上で WordPress が使えます。
初心者が始めやすいサーバだと思います。
ちょっと料金は高いけど、さくらのレンタルサーバや、エックスサーバー
は、やはり老舗なのでおすすめです。
両方とも高スペックでコスパが良く、老舗でユーザーが多いので、質問する場がたくさんあります。初心者だけど仕事でサーバが欲しい場合は、安心なのではないかと思います。
スポンサーリンク