Tutorial no se ven acentos html

Hoy en día lo más común es usar las hojas de estilo CSS, pero muchas veces sigue siendo preferible seguir usando HTML, es decir construir ciertas paginas totalmente escritas en HTML sin incluir ni php, ni javascript, ni CSS, nada, solo y 100% puro HTML.

(NOTA: Este tutorial tambien es valido si tienes paginas en PHP o CSS)

Un ejemplo de lo anterior pueden ser las paginas de politica de privacidad que muchas veces no varian en contenido con el paso del tiempo.

Los problemas descritos a continuacion normalmente no se producen si estas usando un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) como por ejemplo WordPress ó Blogger no ocurriran los siguientes errores. Que veremos como solucionarlos rapidamente.

  • No se ven los acentos ni ñ y signos ?¿
  • ¿Porque los acentos y ñ salen como interrogants si tengo el Utf-8?
  • Problema con acentos en html

Primer solucion:

Abra su archivo .HTML con su editor de texto plano favorito como por ejemplo:

  1. Notepad de windows
  2. Notepad plus plus (multiplataforma)
  3. Kate de Kubuntu
  4. Gedit de Linux Mint

Enseguida click en el botón Codificación, del menú superior, y seleccione: Codificar en UTF-8, despues guardar, la siguiente imagen lo explica mejor. (Agranda la imagen con un clic)

Problemas acentos HTML

Para finalizar he recopilado de internet otras posibles soluciones incluso si la pagina contiene PHP o CSS, esta recopilacion es como referencia:

Segunda solucion: Un códigito php que recibe la palabra con los caracteres raros y la corrige:
Chaveztoretec.blogspot.mx
$nombre = $_GET[‘nombre’];

$caracteres_raros = array(“á”, “é”, “í”, “ó”, “ú”, “ñ”, “Á”, “É”, “Ô, “Í“”, “Íš”, “Í‘”);
$caracteres_normales = array(“á”, “é”, “í”, “ó”, “ú”, “ñ”, “Á”, “É”, “Í”, “Ó”, “Ú”, “Ñ”,);
$nombre = str_replace($caracteres_raros, $caracteres_normales, $nombre);

Tercer solucion:

Taringa.net, forosdelweb, forosdelweb, pero antes de abrir cualquiera de esos enlaces primero te invito a que dejes un comentario.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *