HTML | charset Attribute

Last Updated : 14 Dec, 2021

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>                    