¿Qué es meta charset UTF 8 en HTML?

Html meta charset

Autores de HTML (que utilizan editores o scripts), desarrolladores de scripts (PHP, JSP, etc.), gestores de proyectos web y cualquier persona que necesite una introducción sobre cómo declarar la codificación de caracteres de su archivo HTML.

Siempre hay que especificar la codificación utilizada para una página HTML o XML. Si no lo hace, corre el riesgo de que los caracteres de su contenido se interpreten incorrectamente. No se trata sólo de una cuestión de legibilidad humana, ya que cada vez más las máquinas necesitan entender sus datos también. También se necesita una declaración de codificación de caracteres para procesar los caracteres no ASCII introducidos por el usuario en los formularios, en las URL generadas por los scripts, etc. Este artículo describe cómo hacerlo para un archivo HTML.

Si necesitas entender mejor qué son los caracteres y las codificaciones de caracteres, consulta el artículo Codificaciones de caracteres para principiantes. Para obtener información sobre la declaración de codificaciones para las hojas de estilo CSS, consulte Declaraciones de codificación de caracteres en CSS.

Declare siempre la codificación de su documento mediante un elemento meta con un atributo charset, o utilizando los atributos http-equiv y content (lo que se denomina directiva pragma). La declaración debe caber completamente dentro de los primeros 1024 bytes al comienzo del archivo, por lo que es mejor ponerla inmediatamente después de la etiqueta head de apertura.

Meta http-equiv=content-type” content=text/html; charset=utf-8

El atributo charset del elemento <meta> se utiliza para especificar la codificación de caracteres del documento HTML. Puede utilizar el atributo charset tanto en el elemento <meta> como en el elemento <script>. Los diferentes conjuntos de caracteres incluyen ASCII, ANSI, ISO-8859-1, UTF-8, etc. ISO-8859-1 admite 256 códigos de caracteres diferentes. ASCII define 128 caracteres alfanuméricos diferentes. El atributo charset en HTML se utiliza con el <meta> para especificar la codificación de caracteres.Veamos ahora un ejemplo para implementar el atributo charset del elemento <meta>:Ejemplo Live Demo<!DOCTYPE html>

Lee más  Que es la experiencia de usuario

Utf-8 å ä ö

Nota: el nombre del atributo tiene un significado específico para el elemento <meta>, y el atributo itemprop no debe establecerse en el mismo elemento <meta> que tenga cualquier atributo name, http-equiv o charset existente.

Este atributo declara la codificación de caracteres del documento. Si el atributo está presente, su valor debe ser una coincidencia ASCII insensible a mayúsculas y minúsculas para la cadena “utf-8”, porque UTF-8 es la única codificación válida para los documentos HTML5. Los elementos <meta> que declaran una codificación de caracteres deben estar ubicados en su totalidad dentro de los primeros 1024 bytes del documento.

Los atributos name y content pueden usarse juntos para proporcionar metadatos del documento en términos de pares nombre-valor, con el atributo name dando el nombre de los metadatos, y el atributo content dando el valor.

Meta charset iso-8859-1

No es necesario incluir <meta charset=”blah”>. Como dice la especificación, el conjunto de caracteres también puede ser especificado por el servidor utilizando la cabecera HTTP Content-Type o incluyendo una lista de materiales Unicode al principio del archivo descargado.

Actualmente, la mayoría de los servidores web devuelven un juego de caracteres en la cabecera Content-Type para los datos de texto HTML si no se especifica ninguno. Si el servidor web no devuelve un juego de caracteres con la cabecera Content-Type y el archivo no incluye una lista de materiales y la página no incluye una declaración <meta charset=”blah”>, el navegador tendrá una codificación por defecto que suele basarse en la configuración del idioma del ordenador anfitrión. Si ésta no coincide con la codificación real del archivo, algunos caracteres se mostrarán de forma incorrecta.

Lee más  Como se gana dinero con una app

Ese borrador de la especificación me parece bastante claro y como yo añado la cabecera HTTP a través de .htaccess, voy a empezar a dejarla fuera… aunque estoy tentado de no hacerlo, sólo para que los usuarios de IE8 sufran un poco más.

@Jules Mazur ¿tienes alguna referencia sobre esos puntos? La mayor parte de lo que hago es SEO y la accesibilidad es importante para mí y si ese es el caso soy más que receptivo a dejar la meta declaración.