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