Caracteres especiales

  • Por
  • 01 de enero de 2001
  • Valoración:
  • 25 Comentarios
  • HTML
Una referencia útil, y una lista completa de los caracteres especiales del HTML.
Una página web se ha de ver en paises distintos, que usan conjuntos de caracteres distintos. El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores del mundo, independientemente de su juego de caracteres.

Este conjunto son los caracteres especiales. Cuando queremos poner uno de estos caracteres en una página, debemos sustituirlo por su código.

Por ejemplo, la "á" (a minúscula acentuada) se escribe "á" de modo que la palabra página se escribiría en una página HTML de este modo: página

Caracteres especiales básicos

En realidad estos caracteres se usan en HTML para no confundir un principio o final de etiqueta, unas comillas o un & con su correspondiente caracter.

&lt; < &gt; >
&amp; & &quot; "

Caracteres especiales del HTML 2.0

&Aacute; Á &Agrave; À
&Eacute; É &Egrave; È
&Iacute; Í &Igrave; Ì
&Oacute; Ó &Ograve; Ò
&Uacute; Ú &Ugrave; Ù
&aacute; á &agrave; à
&eacute; é &egrave; è
&iacute; í &igrave; ì
&oacute; ó &ograve; ò
&uacute; ú &ugrave; ù
&Auml; Ä &Acirc; Â
&Euml; Ë &Ecirc; Ê
&Iuml; Ï &Icirc; Î
&Ouml; Ö &Ocirc; Ô
&Uuml; Ü &Ucirc; Û
&auml; ä &acirc; â
&euml; ë &ecirc; ê
&iuml; ï &icirc; î
&ouml; ö &ocirc; ô
&uuml; ü &ucirc; û
&Atilde; Ã &aring; å
&Ntilde; Ñ &Aring; Å
&Otilde; Õ &Ccedil; Ç
&atilde; ã &ccedil; ç
&ntilde; ñ &Yacute; Ý
&otilde; õ &yacute; ý
&Oslash; Ø &yuml; ÿ
&oslash; ø &THORN; Þ
&ETH; Ð &thorn; þ
&eth; ð &AElig; Æ
&szlig; ß &aelig; æ


Caracteres especiales del HTML 3.2

&frac14; ¼ &nbsp;  
&frac12; ½ &iexcl; ¡
&frac34; ¾ &pound; £
&copy; © &yen; ¥
&reg; ® &sect; §
&ordf; ª &curren; ¤
&sup2; ² &brvbar; ¦
&sup3; ³ &laquo; «
&sup1; ¹ &not; ¬
&macr; ¯ &shy; ­
&micro; µ &ordm; º
&para; &acute; ´
&middot; · &uml; ¨
&deg; ° &plusmn; ±
&cedil; ¸ &raquo; »
&iquest; ¿    

Otros caracteres especiales

&times; × &cent; ¢
&divide; ÷ &euro;
&#147; &#153;
&#148; &#137;
&#140; Œ &#131; ƒ
&#135; &#134;

Para descargar la lista de caracteres especiales: .zipcaracteresespeciales.zip 2Kb

Referencia: Hay un videotutorial en DesarrolloWeb.com que trata sobre enlaces y caracteres especiales. No son temas muy relacionados entre si, pero seguro que nos sirve como práctica para aprender todo lo que se ha tratado en este artículo.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Comentarios

Nacho

22/8/2004
Hola a todos!
El tema de los caracteres especiales me preocupa desde hace tiempo. LLevo diseñando páginas web desde hace 4 años y nunca los he usado (salvo para el carácter de Copyright). Es decir, escribo "página" directamente en el código HTML con acento incluido. Sin embargo mis páginas se visualizan siempre bien en todos los navegadores importantes: IE, Netscape y Opera.
Mi duda eterna es: ¿son realmente necesarios HOY EN DÍA? ¿En qué casos se puede visualizar mal una página de no poner dichos caracteres? Esto es importante porque utilizar caracteres especiales, sobre todo acentos, ralentiza una barbaridad la escritura. De hecho, editores como el FrontPage o el DreamWeaver, cuando escribes "á" te lo dejan, en vez de sugerirte "&aacute;".
Esto es todo, espero no haberme alargado demasiado.
Nacho.

César

06/7/2007
Pues creo que si eres programador web creo que deberías ceñirte a la utilización de los estandares de programación HTML; aunque ya sabemos que estos no son tan estandares y dependemos más de los navegadores que de las validaciones w3c.

En Firefox hasta hace un par de actualizaciones todos los acentos insertados sin los &_acute; aparecían como rombos con interrogantes en su interior; me figuro que ese sería su modo de mostrar malinterpretación de simbolos.

Ánimo a todos y utilicen los &_acute; !!!!!!

Rubén

20/7/2007
Hombre, yo pienso que no hay ningún problema porque los sistemas operativos de hoy en día instalan varios juegos de caracteres (normalmente los de los lenguajes occidentales). Supongo que un inglés, cuando instala el SO, instala tanto el juego ASCII como el del Latín (ISO-ocho mil y pico), así como las codificaciones particulares de Windows que no estándar (en caso de instalar este SO). Por ello podrá ver las tildes de castellano y el francés. De la misma manera, alguien que haya realizado una instalación típica de Windows no podrá ver correctamente las páginas en japonés porque Windows no las instala por defecto (hay que hacerlo manualmente).

DaniProg

23/9/2007
Hola, aqui te va un ejemplo en donde es sumamente necesario disponer de caracteres especiales:
%>
<p align="center"><span class="texto">Entrevistas de <%=Tabla.Fields("Nombre")%>&nbsp;<%=Tabla.Fields("Apellido")%></span>:
<%
ya que si no lleva el carcater &nbsp; el nombre y el apellido se imprimiran juntos. Gracias Desarrolloweb por la ayuda. Saludos

PICCORO

19/2/2008
la necesidad es mucho mas alla, las respuesta de los dos comentarios primeros es tipica de un "facilista de wguindows" que como de costumbre le gusta la papa pelada..

si se escribe "enie" (&ntilde;) o asi ñ , en una forma que no maneje dichos caracteres, en jsp, la forma mandara a la respuesta un garabato.

si alguien saber la solucion ademas de poner
response.setContentType("text/html;charset=ISO-8859-1");
request.setCharacterEncoding("ISO-8859-1");

y en la etiqueta meta lo mismo, postear aqui, yo tuve que hacer un replace asi : request.getPArameter("nombre").replace("ñ", "&ntilde;");

Desaroll

09/11/2008
Los caracteres especiales tmb dependen del servidor en que alojes la pagina, algunos servidores no tienen soporte para los caracteres especiales y debes usarlos para que los navegadores los "Traduscan"

Jose Luis

27/1/2009
Hola a todos. Me ha surgido un problema con el tema de los &_acute. Después de haber metido uno a uno todos los acentos de esta forma, abro la página con Firefox y me sale escrito todo tal cual, es decir, no me hace de los &_acute los acentos correspondientes, sin embargo IE sí me los reconoce. ¿como es posible?. Si alguien pudiera ayudarme lo agradecería mucho.

Jose Luis

04/9/2009
busco caracter especial
hay un caracter que utilizan los indígenas coras de Nayarit, es el signo "mas" con un punto arriba, como lo lleva la letra "i". mi pregunta es ¿como puedo crear este caracter y si es posible, como puede insertarse a alguna tecla? De antemano se agradece cualquier ayuda.

Fabricio

26/9/2009
caracter especial en C++
disculpen, por favor si alguién me puede ayudar busco el caracter amberson (creo que se escribe así) ese lo usa en C++ para reconocer variables numéricas. muchas gracias a todos !!

Fabricio

Lizz

27/10/2009
Denota lo mismo???
Mi pregunta con respecto a estos de los caracteres especiales en HTML es q observo en esta lista q &shy da como resultado un espacio en blanco y &nbsp también representa un espacio en blanco... Puedo escribir cualquiera d los dos y a la hora d cargar mi página en el navegador denotará lo mismo??
Graxias x el artículo MUY ÚTIL!!
Att. Lizz

nadyne

17/11/2009
los tres puntos
necesito insertar el simbolo masonico los tres puntos en mi archivo, como lo hago?
tengo que ir al teclado?
gracias por una pronta respuesta

ana

19/7/2010
Pregunta sobre caracteres especiales en formulario flash php
Hola, tengo un problema con los caracteres especiales he realizado una web en flash y le he puesto un formularios en flash y php cuando la gente rellena el formularios a mi me llega todos sus comentarios con la visualización de los caracteres especiales mal.
Me podrían ayudar a solucionar este problema con algún código o es un tema del servidor de mi web?
Un saludo y gracias

principiante

09/9/2010
Para todos los IGNORANTES
Todos comentan que se "LEE BIEN" lo que escriben y en sus casos se puede decir que jamás les fallarían.

La notación para la escritura de aracteres especiales es para que se pueda leer correctamente en TODOS los casos, incluso en computadoras donde NO UTILICEN NI INGLES NI ESPAÑOL. Por ejemplo, PCs configuradas para idiomas como tailandés, ruso, japonés, chino, etc.

Primero DESASNENSE antes de hacer comentarios

usalo

26/9/2010
Para Joseluis
Te falta poner el ; del final, no es &aacute sino &aacute; & y ; denotan el principio y el final del caráter especial

Gonza

17/2/2011
Carácter
Hola a todos.
Falta la traducción para el carácter ' (comilla simple).
Muchas gracias.

Elecsvz Systems

03/4/2011
Automatizar esto
hay un programa que hace esto de manera automatica lo pueden conseguir aqui:

http://www.elecsvzsystem.x10.mx/recursos/downloads/web_text_characters.php

janet

12/7/2011
cagada
que mierda es eto es la concha quien mierd poso esto y quienlo haya puesto es un biolado de la shet y si estar casado porque no puesde ser bonito es un prostituto de la shet es un o una bish

caballero aguila 2002

16/7/2011
muchas gracias
saludos, te agradezco el trabajo realizado, pues sirve para muchos que como yo empezamos en el diseño web, y estos caracteres son muy importantes.

muchas gracias.

davbarrio

09/8/2011
Muy bueno
Hola buenas, gracias por el post. Me ha solucionado la papeleta con un theme de wordpress que me estaba dando problemas.

Un saludo.

esteban pinrda

29/9/2011
bacano
pues q la pagina es super y ense;a mucho > es facil de inngresar a ella y todo es super cul

ade

14/10/2011
caracteres extraños
Sabrias decirme como se hace esto??? No lo encuentro por ningun sitio.Gracias


????????????????????????????????????????????????? ?????????????????????????????????????????????????

Andrea

19/9/2012
html
hola! disculpen! alguien sabe como se hacen los puntos (:) , en los caracteres especiales de html! por favor ayúdenme! no sean malos! esque no esncuentro y creo que ni siquiera existe! pero si saben dejen ahy un comentario y ya! :)

Jose Bos

04/3/2013
El charset
Algunos caracteres de los que salen en este artículo no se veían en mis páginas, al final lo he solucionado con los consejos de http://www.bloogie.es/tecnologia/web-y-servidores/419-como-utilizar-codigos-html-de-caracteres-especiales que espero o srivan, sobre todo lo referente al charset y el mirar simpre & y ;

Israhead

11/3/2014
Continuidad del curso
He comenzado a seguir este curso de HTML pero al llegar a este punto se introduce a otros temas lo cual hace que pierda su continuidad, ya que abajo de la explicación el siguiente tema debería ser listas en HTML pero aparece una compatibilidad con las PDAs y creo que sale totalmente del tema ya que entra a otro link que no corresponde según la continuidad del curso.

CESAR

13/4/2014
CARACTERES ESPECIALES
Pues solo se que sirven para que se puedan ver en todas las codificaciones del navegador posibles a nivel mundial. Ya que sí un usuario en China quiere ver la página y no están bien definidos los caracteres especiales, estos cambiarán a símbolos extraños.

Compartir