What is the Use of Content Type in HTML?
FREE
The HTML content-type header is an identifier that tells the HTTP client or server the type of media or files the resource is. The content type is also known as the media type or MIME (Multipurpose Internet Mail Extensions) type.
With the help of the specified content type the user agent understands the type of content and improves the user experience by displaying the content accordingly.
Syntax
Transform Your Career
Choose from our industry-leading programs designed for career success
Modern Software and AI Engineering Program
Master full-stack development with AI integration
+1000 moreModern Data Science and ML with specialisation in AI
Advanced data science techniques with AI specialization
+1000 moreAdvanced AIML with Specialisation in Agentic AI
Deep dive into AIML with focus on Agentic systems
+1000 moreDevOps, Cloud & AI Platform Engineering
Build and manage AI-powered cloud infrastructure
+1000 moreAI Engineering Advanced Certification by IIT-Roorkee
Premier AI engineering certification from IIT-Roorkee
Directives
The three directives in the HTML content type are as follows:
- media type: The media type directive specifies the MIME (Multipurpose Internet Mail Extensions) type of the resource.
- charset: Charset refers to the character encoding standard in which the data will be received by the browsers.
- boundary: The boundary directive is used in the case of multipart entities consisting of 1 to 70 characters from a set of characters (without white spaces at the end) known to be very robust through email gateways.
Examples
How the Images are Read by the Browser with and without Setting the Content-type Header
The Content-type header information tells the browser, the type of response it is getting from the server.
How Browser Reads Image With Content-type
How Browser Reads Image Without Content-type
Scaler Placement Report and Statistics
Scaler learners achieved 2.5x salary growth with average post-Scaler CTC reaching ₹23L.
Google
Amazon
Microsoft
Flipkart
Adobe1200+ moreContent-Type in HTML Forms
The Content-Type a POST request, received after an HTML form submission, is specified by the enctype attribute on the <form> element. Code
HTML
All Possible Values of HTTP Content-type Header
The commonly used HTTP Content-Type headers are:
| Content-Type | Values |
|---|---|
| Application |
|
| Audio |
|
| Image |
|
| Multipart |
|
| Text |
|
| Video |
|
| VND |
|
Turn Learning into Career Growth
Browser Compatibility
The following browsers support Content-Type::
- Chrome Edge
- Firefox Internet
- Explorer
- Opera
- Safari
- Samsung Internet
Learn more
Conclusion
- The Content-Type Header is used to represent the original media type of the data for communication between the HTTP client and the server
- The three directives in the HTML content type are media type, charset, and boundary.
- By implementing the HTML content type header the user experience is enhanced, leading to the improvement of the site’s performance.
