https://hthanh12.github.io/tags/programming/Recent content in Programming on hthanh12's blogHugo -- 0.152.2en-usThu, 30 Oct 2025 16:45:00 +0000https://hthanh12.github.io/posts/my-first-post/Thu, 30 Oct 2025 16:45:00 +0000https://hthanh12.github.io/posts/my-first-post/<p>Have you ever uploaded a file and the browser didn’t open it correctly — maybe it downloaded instead of showing up on the screen?<br> That usually happens because of something called a <strong>MIME type</strong>.</p> <hr> <h2 id="-what-is-a-mime-type">🧠 What Is a MIME Type?</h2> <p>A <strong>MIME type</strong> (short for <em>Multipurpose Internet Mail Extensions</em>) tells the browser what kind of file it’s dealing with.<br> For example:</p> <table> <thead> <tr> <th>File Type</th> <th>MIME Type</th> <th>Extension</th> </tr> </thead> <tbody> <tr> <td>HTML page</td> <td><code>text/html</code></td> <td><code>.html</code></td> </tr> <tr> <td>CSS file</td> <td><code>text/css</code></td> <td><code>.css</code></td> </tr> <tr> <td>JavaScript file</td> <td><code>application/javascript</code></td> <td><code>.js</code></td> </tr> <tr> <td>JPEG image</td> <td><code>image/jpeg</code></td> <td><code>.jpg</code>, <code>.jpeg</code></td> </tr> <tr> <td>PDF document</td> <td><code>application/pdf</code></td> <td><code>.pdf</code></td> </tr> <tr> <td>Word document</td> <td><code>application/vnd.openxmlformats-officedocument.wordprocessingml.document</code></td> <td><code>.docx</code></td> </tr> </tbody> </table> <p>When your web server sends a file, it includes a header like this:</p>