Skip to content
Related Articles

Related Articles

HTML | charset Attribute

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 14 Dec, 2021
View Discussion
Improve Article
Save Article

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

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!