Open In App
Related Articles

HTML | charset Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The charset attribute in HTML is used to define the character encoding. The charset attribute is used with the <meta> and <script> element.
Charset attribute in <meta> Tag: The charset attribute is present in the meta element. It specifies the character encoding for the HTML document.
 

Supported Tags: 

Syntax:  

<meta charset="character_set"> 

Attribute Values: It contains the value i.e character_set which specifies the character encoding for the HTML document.

Values:

  • UTF-8: It specify the character encoding for Unicode.
  • ISO-8859-1: It specify the character encoding for the Latin alphabet.


Example: This example illustrates the use of charset attribute in meta element. 
 

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML charset Attribute
        </title>
         
        <meta name="keywords" charset="UTF-8"
                content="Meta Tags, Metadata" />
    </head>
         
    <body style="text-align:center">
        <h1>Hello GeeksforGeeks!</h1>
         
        <h2>
            HTML charset Attribute in Meta Element
        </h2>
    </body>
</html>                   

                    

Output: 


Charset attribute in <script> Tag: When charset attribute present in the script element, it specifies the character encoding used in an external script. 


Syntax:  

<script charset="charset">


Example: This Example illustrates the use of charset attribute in script element.  

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            Charset Attribute script tag
        </title>
         
        <style>
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
        </style>
    </head>
     
    <body>
        <h1>GeeksforGeeks</h1>
         
        <h2>
            HTML charset Attribute in
            <script> Element
        </h2>
         
        <p id="Geeks"></p>
 
 
  
         
         
        <script charset="UTF-8">
            document.getElementById("Geeks").innerHTML
                    = "Hello GeeksforGeeks!";
        </script>
    </body>
</html>                   

                    

Output:  


Supported Browsers: The browser supported by HTML charset Attribute are listed below:  

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


 



Last Updated : 14 Dec, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads