HTML | charset Attribute
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 w3wiki!</ 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 >w3wiki</ h1 > < h2 > HTML charset Attribute in < script > Element </ h2 > < p id = "Beginner" ></ p > < script charset = "UTF-8" > document.getElementById("Beginner").innerHTML = "Hello w3wiki!"; </ script > </ body > </ html > |
Output:
Supported Browsers: The browser supported by HTML charset Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Contact Us