Buscar..


Caracteres especiales comunes

Algunos caracteres pueden estar reservados para HTML y no pueden usarse directamente, ya que pueden obstruir los códigos HTML reales. Por ejemplo, intentar mostrar los corchetes angulares izquierdo y derecho ( <> ) en el código fuente puede causar resultados inesperados en la salida. De manera similar, los espacios en blanco tal como están escritos en el código fuente pueden no mostrarse como se espera en el HTML de salida. Algunos, como ☎, no están disponibles en el conjunto de caracteres ASCII.

Para ello, se crean entidades de carácter. Estos son de la forma &entity_name; o &entity_number; . Las siguientes son algunas de las entidades HTML disponibles.

Personaje Descripción Nombre de la entidad Número de entidad
“” espacio irrompible &nbsp; &#160;
"<” menos que &lt; &#60;
">" mas grande que &gt; &#62;
"Y" ampersand &amp; &#38;
"-" guión largo &mdash; &#8212;
"-" en el tablero &ndash; &#8211;
"©" derechos de autor &copy; &#169;
“®” marca registrada &reg; &#174;
“™” marca &trade; &#8482;
"☎" teléfono &phone; &#9742;

Así, para escribir

© 2016 Stack Exchange Inc.

Se utiliza el siguiente código HTML:

<b>&copy; 2016 Stack Exchange Inc.</b>

Entidades de personajes en HTML

Se requieren muchos símbolos y caracteres especiales al desarrollar una página web en html, pero como sabemos, a veces el uso de caracteres directamente puede interferir con el código html real que tiene ciertos caracteres reservados y también que algunos caracteres no están disponibles en el teclado. Por lo tanto, para evitar el conflicto y, al mismo tiempo, poder utilizar diferentes símbolos en nuestro código w3 org, nos proporciona "Entidades de caracteres".

Las entidades de caracteres están predefinidas con 'Nombre de entidad' - & entity_name; y 'Número de entidad' - & entity_number; por lo tanto, necesitamos usar cualquiera de los dos para que el símbolo requerido se represente en nuestra página.

La lista de algunas entidades de caracteres se puede encontrar en https://dev.w3.org/html5/html-author/charref

Un ejemplo simple con el uso de la entidad de carácter para 'lupa':

<input type="text" placeholder="  &#128269; Search"/>

que rinde como

introduzca la descripción de la imagen aquí



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow