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 >
|
Output:
Supported Browsers: The browser supported by HTML charset Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Share your thoughts in the comments
Please Login to comment...