Foros del Web » Creando para Internet » HTML »

Codificación UTF-8 HTML5

Estas en el tema de Codificación UTF-8 HTML5 en el foro de HTML en Foros del Web. Estoy poniendo esto de esta manera: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original <!doctype html> < html > < meta http-equiv = "Content-Type" content = "text/html; ...
  #1 (permalink)  
Antiguo 11/05/2011, 07:31
Avatar de babri  
Fecha de Ingreso: mayo-2011
Ubicación: Madrid
Mensajes: 17
Antigüedad: 6 años, 7 meses
Puntos: 1
Codificación UTF-8 HTML5

Estoy poniendo esto de esta manera:


Código HTML:
Ver original
  1. <!doctype html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <title>Coolaboro</title>


Y en modo local me muestra las tildes ñ y demás... pero cuando lo subo al servidor no lo muestra :S
  #2 (permalink)  
Antiguo 11/05/2011, 10:03
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 7 años, 10 meses
Puntos: 23
Respuesta: Codificación UTF-8 HTML5

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&aacute;s
La palabra Bebé: beb&eacute;
La palabra Camión : cami&oacute;n
En realidad depende de como este configurado el servidor, por eso siempre uso esta tecnica, bastante molesta, pero mas segura.-

Saludos.-
  #3 (permalink)  
Antiguo 11/05/2011, 10:27
Avatar de babri  
Fecha de Ingreso: mayo-2011
Ubicación: Madrid
Mensajes: 17
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Codificación UTF-8 HTML5

Cita:
Iniciado por TEPO Ver Mensaje
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&aacute;s
La palabra Bebé: beb&eacute;
La palabra Camión : cami&oacute;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!
  #4 (permalink)  
Antiguo 11/05/2011, 15:24
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Codificación UTF-8 HTML5

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.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 11/05/2011, 17:59
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 10 meses
Puntos: 442
Respuesta: Codificación UTF-8 HTML5

Yo, en Heptagrama, uso:

Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"> 
Ningún problema.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #6 (permalink)  
Antiguo 19/09/2011, 01:49
 
Fecha de Ingreso: marzo-2008
Mensajes: 12
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Codificación UTF-8 HTML5

Cita:
Iniciado por Tedel Ver Mensaje
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! :(
  #7 (permalink)  
Antiguo 19/09/2011, 08:10
Avatar de DrFaust  
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 6 años, 3 meses
Puntos: 87
Respuesta: Codificación UTF-8 HTML5

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
  1. <?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.
  #8 (permalink)  
Antiguo 19/09/2011, 10:03
Avatar de dual3nigma
Colaborador
 
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 7 años, 9 meses
Puntos: 122
Respuesta: Codificación UTF-8 HTML5

No olvides que es importante que el documento lo guardes como utf8 también.
  #9 (permalink)  
Antiguo 17/11/2011, 22:44
Avatar de chipilofan  
Fecha de Ingreso: mayo-2011
Ubicación: México
Mensajes: 59
Antigüedad: 6 años, 6 meses
Puntos: 3
Respuesta: Codificación UTF-8 HTML5

Hazle caso a @zerokilled usa:
Código HTML:
Ver original
  1. <meta charset="encoding">
__________________
El silencio es el arma mas grande del mundo... [Ignacio Recinos]
Pensando en la Web
  #10 (permalink)  
Antiguo 18/11/2011, 01:26
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Codificación UTF-8 HTML5

Tepo y Babri.

Solo un comentario. Si quieren implementar html 5 olvídense del doctype xhtml. No tiene sentido.
  #11 (permalink)  
Antiguo 04/02/2013, 22:25
Avatar de moiksys  
Fecha de Ingreso: febrero-2013
Ubicación: México
Mensajes: 1
Antigüedad: 4 años, 10 meses
Puntos: 1
Respuesta: Codificación UTF-8 HTML5

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.
  #12 (permalink)  
Antiguo 08/05/2014, 16:35
 
Fecha de Ingreso: mayo-2014
Mensajes: 1
Antigüedad: 3 años, 7 meses
Puntos: 0
De acuerdo Respuesta: Codificación UTF-8 HTML5

Gracias @moiksys
Me sirvió tu respuesta.
  #13 (permalink)  
Antiguo 11/06/2016, 10:02
 
Fecha de Ingreso: junio-2011
Mensajes: 37
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Codificación UTF-8 HTML5

Cita:
Iniciado por moiksys Ver Mensaje
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!
  #14 (permalink)  
Antiguo 12/06/2016, 17:17
Avatar de rodrypaladin
Moderador
 
Fecha de Ingreso: abril-2010
Ubicación: Madrid
Mensajes: 2.127
Antigüedad: 7 años, 8 meses
Puntos: 468
Respuesta: Codificación UTF-8 HTML5

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.     <meta charset="UTF-8">
  4.     <title>Título de la página</title>
  5. </head>
  6.    
  7. </body>
  8. </html>

¿Qué hay de malo en ello ?
__________________
No te olvides de dar +1 a quien te echa un cable ;)
  #15 (permalink)  
Antiguo 13/06/2016, 11:46
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Codificación UTF-8 HTML5

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
  1. <!DOCTYPE html>
  2.     <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.     </head>
  6.     <body>
  7.        Tu contenido.
  8.     </body>
  9.     </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.

Etiquetas: html5, utf-8
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:02.