2016年2月17日 星期三

HTML 5 快速導覽 - MIME 型態

MIME 是 Multipurpose Internet Mail Extensions 的頭字母縮寫詞,原本用於電子郵件,使電子郵件能使用非 ASCII 以外的訊息,後來廣泛用於 HTTP 之中,指定 HTML 媒體元素 (element) 所用的媒體型態
常用的 MIME 型態如下表


Adobe Flashapplication/x-shockwave-flash
Atom feedsapplication/atom+xml
CSStext/css
DTDapplication/xml-dtd
ECMAScript/JavaScriptapplication/ecmascript, application/javascript
GIFimage/gif
GoogleWebToolkit datatext/x-gwt-rpc
Gzipapplication/x-gzip
HTMLtext/html
ICOimage/vnd.microsoft.icon
JPEGimage/jpeg, image/pjpeg
jQuery template datatext/x-jquery-tmpl
LaTeXapplication/x-latex
MP3, MPEGaudio/mpeg
MP4audio/mp4
Oggapplication/ogg
PDFapplication/pdf
PNGimage/png
PostScriptapplication/postscript
QuickTimevideo/quicktime
RARapplication/x-rar-compressed
RealAudioaudio/vnd.rn-realaudio
RSS feedsapplication/rss+xml
SVGimage/svg+xml
Textual datatext/plain
TIFFimage/tiff
WAVaudio/vnd.wave
WebMaudio/webm
Web Open Font Formatapplication/font-woff
Windows Media Audioaudio/x-ms-wma, audio/x-ms-wax
Windows Media Videovideo/x-ms-wmv
XHTMLapplication/xhtml+xml
XMLtext/xml
ZIPapplication/zip


通常內嵌元素 (embedded content) 如 <object> 、 <embed> 需要設定 type 屬性 (attribute) ,該屬性值必須是有效的 MIME 型態,一旦設定 type 就得與指定來源檔案的 src 屬性相符,不然有可能導致瀏覽器 (broswer) 無法處理,例如


<!DOCTYPE html>  
<html>  
  <head>  
     <title>HTML 5 DEMO</title> 
     <style>
       article {
         display: block;
       }
     </style>
  </head>  
  <body>
    <section>
      <article>
        <embed type="text/plain" src="example.jpg">
      </article>
    </section>  
  </body>  
</html>  

      embed type is text....but  the source is jpg file...... so it would result in error message


<embed type="image/jpeg" src="example.jpg">


沒有留言:

張貼留言