El atributo charset en HTML se usa para definir la codificación de caracteres. El atributo charset se usa con el elemento <meta> y <script>.
Atributo de conjunto de caracteres en la etiqueta <meta>: El atributo de conjunto de caracteres está presente en el elemento meta. Especifica la codificación de caracteres para el documento HTML.
Etiquetas admitidas:
Sintaxis:
<meta charset="character_set">
Valores de atributo : contiene el valor, es decir, character_set, que especifica la codificación de caracteres para el documento HTML.
Valores:
- UTF-8: Especifica la codificación de caracteres para Unicode.
- ISO-8859-1: Especifica la codificación de caracteres para el alfabeto latino.
Ejemplo: Este ejemplo ilustra el uso del atributo charset en el metaelemento.
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>
Producción:
Atributo de juego de caracteres en la etiqueta <script>: cuando el atributo de juego de caracteres está presente en el elemento del script, especifica la codificación de caracteres utilizada en un script externo.
Sintaxis:
<script charset="charset">
Ejemplo: Este ejemplo ilustra el uso del atributo charset en el elemento script.
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>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo charset HTML se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA