Skip to content
Related Articles

Related Articles

HTML | charset Attribute
  • Last Updated : 19 Jul, 2019
GeeksforGeeks - Summer Carnival Banner

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 specify the character encoding for the HTML document.

Syntax:

<meta charset="character_set"> 

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




<!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.




<!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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :