La codificación de caracteres es un método para definir una asignación entre bytes y texto. Para mostrar correctamente un documento HTML, debemos elegir una codificación de caracteres adecuada.
Los diferentes tipos de codificación de caracteres incluyen:
- Conjunto de caracteres ASCII: es el primer estándar de codificación de caracteres. La mayor desventaja con ASCII es que contenía solo un rango limitado de caracteres (128 caracteres).
- Juego de caracteres ANSI: este estándar era una versión extendida del juego de caracteres ASCII estándar. Admite 256 caracteres.
- Conjunto de caracteres ISO-8859-1: es la codificación de caracteres predeterminada en HTML 2.0. También es una extensión del estándar ASCII con caracteres internacionales. Esto usó bytes completos (8 bits) para mostrar caracteres.
- Conjunto de caracteres UTF-8: este estándar cubre casi todos los caracteres y símbolos del mundo. Las limitaciones de ANSI e ISO-8859-1 se cumplieron con el conjunto de caracteres UTF-8. La codificación de caracteres predeterminada para HTML5 es UTF-8.
La especificación HTML5 alienta a los desarrolladores a usar el juego de caracteres UTF-8.
Un carácter puede tener entre 1 y 4 bytes de longitud en el estándar de codificación UTF-8. Esta es también la codificación más preferida para correo electrónico y páginas web.
- La codificación de caracteres se puede especificar en la etiqueta meta en HTML.
- La etiqueta meta se usa para especificar metadatos sobre la página web y no se mostrará en las páginas web.
- La metaetiqueta ayuda a los motores de búsqueda a comprender de qué se trata una página web.
- La etiqueta meta debe colocarse con la etiqueta principal en HTML.
Sintaxis:
1. Para HTML4
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
2. Para HTML5
La codificación de caracteres predeterminada para HTML5 es UTF-8, pero aún puede especificar esto para ser más cauteloso.
<meta charset="UTF-8">
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <!-- NOTE: <meta charset="UTF-8"> is also applicable. --> <meta charset="utf-8"> <title>Page Title</title> </head> <body> <h2>Welcome To GFG</h2> <p> Default code has been loaded into the Editor. </p> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por deepthimgs y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA