Skip to content
Related Articles

Related Articles

Improve Article

HTML | charset Attribute

  • Last Updated : 22 Aug, 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: 

  • <meta> 
  • <script>

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

 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :