Codificación UTF-8 HTML5

babri · #1 (**permalink**) 11/05/2011, 06:31

Estoy poniendo esto de esta manera:

Código HTML:

Ver original<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Coolaboro</title>

Y en modo local me muestra las tildes ñ y demás... pero cuando lo subo al servidor no lo muestra :S

TEPO · #2 (**permalink**) 11/05/2011, 09:03

Lo que deberias poner es esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="es-Es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mi Pagina</title>

Y si no funcionan las ñ y los acentos, lo que se hace es colocar esto:

por ejemplo, palabra más: más
La palabra Bebé: bebé
La palabra Camión : camión
En realidad depende de como este configurado el servidor, por eso siempre uso esta tecnica, bastante molesta, pero mas segura.-

Saludos.-

babri · #3 (**permalink**) 11/05/2011, 09:27

Cita:

Iniciado por TEPO

Lo que deberias poner es esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="es-Es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mi Pagina</title>

Y si no funcionan las ñ y los acentos, lo que se hace es colocar esto:

por ejemplo, palabra más: más
La palabra Bebé: bebé
La palabra Camión : camión
En realidad depende de como este configurado el servidor, por eso siempre uso esta tecnica, bastante molesta, pero mas segura.-

Saludos.-

si con lo segundo que has puesto ya lo tengo puesto así pero es un engorro tener que ir palabra por palabra :S además el tiny te lo da como error el muy cerdo XDD

gracias por la info pondré lo primero que dijiste a ver si tira, si no me pondré a rellenar las tildes que puse nuevas :D

EDITO: muchas gracias puse lo primero y me tira sin problemas :D Karma Up!

zerokilled · #4 (**permalink**) 11/05/2011, 14:24

buenas,
en html5 tienes la forma corta para declarar el charset: <meta charset="encoding">, aunque supongo que tambien funciona la forma que inicialmente tenias. por otro lado, debes mostrar atencion en que tu contenido este realmente codificado en dicho encoding. si ya tenias estos detalles asegurados, debes revisar si el servidor esta enviando el encabezado content-type con alguna codificacion. puede que este sea diferente al declarado en <meta> y por ende obtienes los resultados no deseados.

Tedel · #5 (**permalink**) 11/05/2011, 16:59

Yo, en Heptagrama, uso:

Código HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

Ningún problema.

chocola-t · #6 (**permalink**) 19/09/2011, 00:49

Cita:

Iniciado por Tedel

Yo, en [URL="http://heptagrama.com"]Heptagrama[/URL], uso:

Código HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

Ningún problema.

A mi me sigue sin funcionar. Tengo este [URL="http://www.priteshgupta.com/templates/vivid-photo/"]Template[/URL] y, cuando carga la página si que me salen los acento, pero despues desaparecen! :(

DrFaust · #7 (**permalink**) 19/09/2011, 07:10

Acordate de modificar la cabecera HTTP para que envíe el encoding correcto. La forma más simple de hacerlo es con:

Código PHP:

Ver original<?php header('Content-Type:text/html;charset=utf-8'); ?>

También podés modificar la configuración del servidor web, sea a través de los archivos de configuración, o sea a través de un archivo .htaccess.

dual3nigma · #8 (**permalink**) 19/09/2011, 09:03

No olvides que es importante que el documento lo guardes como utf8 también.

chipilofan · #9 (**permalink**) 17/11/2011, 22:44

Hazle caso a @zerokilled usa:

Código HTML:

Ver original<meta charset="encoding">

Rafael · #10 (**permalink**) 18/11/2011, 01:26

Tepo y Babri.

Solo un comentario. Si quieren implementar html 5 olvídense del doctype xhtml. No tiene sentido.

moiksys · #11 (**permalink**) 04/02/2013, 22:25

Se que es tema olvidado, pero cuando busqué en google el primer resultado fue este y me gustaría que para futuras visitas les sirviera de algo. Definitivamente el problema es que se tiene que guardar en la correcta codificación, si usas Notepad++ se encuentra en el menú "Codificación" en la opción "Codificar en UTF-8" y lo volvemos a guardar.

gaguez · #12 (**permalink**) 08/05/2014, 15:35

Gracias @moiksys
Me sirvió tu respuesta.

kapi2454 · #13 (**permalink**) 11/06/2016, 09:02

Cita:

Iniciado por moiksys

Se que es tema olvidado, pero cuando busqué en google el primer resultado fue este y me gustaría que para futuras visitas les sirviera de algo. Definitivamente el problema es que se tiene que guardar en la correcta codificación, si usas Notepad++ se encuentra en el menú "Codificación" en la opción "Codificar en UTF-8" y lo volvemos a guardar.

Tres días navegando sin éxito hasta tu comentario, que grande!

rodrypaladin · #14 (**permalink**) 12/06/2016, 16:17

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Título de la página</title>
</head>
<body>
    
</body>
</html>

¿Qué hay de malo en ello ?

Rafael · #15 (**permalink**) 13/06/2016, 10:46

Resumo para los futuros visitantes. (Los temas iniciales son viejos)

En Html5 un archivo debe tener dos condiciones.

1) Tener escrito en la parte de arriba del archivo:

Código HTML:

Ver original<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
       Tu contenido. 
    </body>
    </html>

2) Que el editor de texto o html, que estés ocupando codifique el archivo mismo como utf-8.

Algunos programas viejos no lo hacen, usan el sistema anterior que era ascii.

En programas como el notepad++ efectivamente, esto está en:

Codificación > Codificar como UTF-8 sin BOM.

Este es el modo por defecto de los programas nuevos. Al pasar algunos archivos viejos lo que hace falta es primero convertirlos y luego grabarlos.

Codificación > Convertir a Utf-8 sin BOM.