Ayuda:Caracteres especiales

De Cordobapedia
Saltar a: navegación, buscar

Colores

Existe una variada gama de colores que se les puede aplicar al texto para realzarlas a los lectores de los artículos puesto que ofrecen una mejor imagen de los mismos.

Nombre HTML y código hexadecimal

Estos colores se pueden representar de diversos modos bien por su nombre HTML o por su código hexadecimal, de ambos modos e obtiene el mismo resultado; éstos se pueden utilizar para cambiar el color del texto de artículo y el fondo de las tablas de representaciones de datos y documentos

Color para la fuente

El texto puede modificarse de color con las funciones:

  • <font color="color">texto</font>
  • |style="color:color" | texto

(lo que aparece en negrita debe de aparecer siempre)

En las cuales hay que añadir el nombre o código del color que se quiera usar y el texto al que se quiera colorear, hay que decir que la última función únicamente es aplicable a las tablas de datos, no se puede usar en un texto.

Aquí se presentan un ejemplo con el color azul, viendo las multiples formas de representar la fuente en este color:

Color nombre HTML código hexadecimal
texto
<font color="blue">texto</font>
|style="color:blue" |texto
<font color="#0000FF">texto</font>
|style="color:#0000FF" |texto

Pudiendose usar varios colores al mismo tiempo en una frase o palabra, marcando siempre cada texto que se quiera poner de color (solamente funciona con el código font color); por ejemplo:

CORDOBAPEDIA
<font color="blue">CORD</font><font color="green">OBAP</font><font color="blue">EDIA</font>
ó
<font color="#0000FF">CORD</font><font color="#008000">OBAP</font><font color="#0000FF">EDIA</font>

Color para el fondo

El fondo de tablas y recuadros de datos puede modificarse de color con la función:

  • |style="background:color" | texto

(lo que aparece en negrita debe de aparecer siempre)

En la cual hay que añadir el nombre o código del color que se quiera usar y el fondo al que se quiera colorear.

Aquí se presentan un ejemplo con el color azul, viendo las multiples formas de representar el fondo en este color:

Color nombre HTML código hexadecimal
texto
|style="background:blue" |texto
|style="background:#0000FF" |texto

Color para la fuente y el fondo

El fondo de tablas y recuadros de datos también se puede modificar a la vez el color de la fuente y del fondo, esto se realiza con la función:

  • |style="background:color 1; color:color 2" | texto

(lo que aparece en negrita debe de aparecer siempre)

En la cual hay que añadir el nombre o código del color que se quiera usar para la fuente (color 2) y del fondo (color 1).

Aquí se presenta un ejemplo con el color verde y azul de fondo, viendo las dos posibles formas de representar el fondo de este color:

nombre HTML código hexadecimal
texto
style="background:blue; color:green" |texto
style="background:#0000FF; color:#008000" |texto

Tonos de Color

Para usarse los tonos de color se dan unas condiciones para su uso:

  • Si se utiliza un nombre HTML, deberá estar completamente en minúscula.
  • Si se emplea un código hexadecimal, éste deberá estar precedido de un símbolo # delante.

En esta tabla se exponen todos los modelos de color RGB con su respectivo nombre HTML y código hexadecimal.

HTML cód hexadecimal
Colores Amarillos
gold FFD700
yellow FFFF00
lightyellow FFFFE0
lemonchiffon FFFACD
lightgoldenrodyellow FAFAD2
papayawhip FFEFD5
moccasin FFE4B5
peachpuff FFDAB9
palegoldenrod EEE8AA
khaki F0E68C
darkkhaki BDB76B
Colores Azules
aqua 00FFFF
lightcyan E0FFFF
paleturquoise AFEEEE
aquamarine 7FFFD4
turquoise 40E0D0
mediumturquoise 48D1CC
darkturquoise 00CED1
cadetblue 5F9EA0
steelblue 4682B4
lightsteelblue B0C4DE
powderblue B0E0E6
lightblue ADD8E6
skyblue 87CEEB
lightskyblue 87CEFA
deepskyblue 00BFFF
dodgerblue 1E90FF
cornflowerblue 6495ED
mediumslateblue 7B68EE
royalblue 4169E1
blue 0000FF
mediumblue 0000CD
darkblue 0000 8B
navy 000080
midnightblue 191970
HTML cód hexadecimal
Colores Blancos
white FFFFFF
snow FFFAFA
honeydew F0FFF0
mintcream F5FFFA
azure F0FFFF
aliceblue F0F8FF
ghostwhite F8F8FF
whitesmoke F5F5F5
seashell FFF5EE
beige F5F5DC
oldlace FDF5E6
floralwhite FFFAF0
ivory FFFFF0
antiquewhite FAEBD7
linen FAF0E6
lavenderblush FFF0F5
mistyrose FFE4E1
Colores Grises
gainsboro DCDCDC
lightgrey D3D3D3
silver C0C0C0
darkgray A9A9A9
gray 808080
dimgray 696969
lightslategray 778899
slategray 708090
darkslategray 2F4F4F
black 000000
HTML cód hexadecimal
Colores Marrones
cornsilk FFF8DC
blanchedalmond FFEBCD
bisque FFE4C4
navajowhite FFDEAD
wheat F5DEB3
burlywood DEB887
tan D2B48C
rosybrown BC8F8F
sandybrown F4A460
goldenrod DAA520
darkgoldenrod B8860B
peru CD853F
chocolate D2691E
saddlebrown 8B4513
sienna A0522D
brown A52A2A
maroon 800000
Colores Naranjas
lightsalmon FFA07A
coral FF7F50
tomato FF6347
orangered FF4500
darkorange FF8C00
orange FFA500
HTML cód hexadecimal
Colores Púrpuras
lavender E6E6FA
thistle D8BFD8
plum DDA0DD
violet EE82EE
orchid DA70D6
fuchsia FF00FF
magenta FF 00 FF
mediumorchid BA55D3
mediumpurple 9370DB
blueviolet 8A2BE2
darkviolet 9400D3
darkorchid 9932CC
darkmagenta 8B008B
purple 800080
indigo 4B0082
slateblue 6A5ACD
darkslateblue 483D8B
Colores Rojos
indianred CD5C5C
lightcoral F08080
salmon FA8072
darksalmon E9967A
lightsalmon FFA07A
crimson DC143C
red FF0000
firebrick B22222
darkred 8B0000
HTML cód hexadecimal
Colores Rosas
pink FFC0CB
lightpink FFB6C1
hotpink FF69B4
deeppink FF1493
mediumvioletred C71585
palevioletred DB7093
Colores Verdes
greenyellow ADFF2F
chartreuse 7FFF00
lawngreen 7CFC00
lime 00FF00
limegreen 32CD32
palegreen 98FB98
lightgreen 90EE90
mediumspringgreen 00FA9A
springgreen 00FF7F
mediumseagreen 3CB371
seagreen 2E8B57
forestgreen 228B22
green 008000
darkgreen 006400
yellowgreen 9ACD32
olivedrab 6B8E23
olive 808000
darkolivegreen 556B2F
mediumaquamarine 66CDAA
darkseagreen 8FBC8F
lightseagreen 20B2AA
darkcyan 008B8B
teal 008080

ASCII

Varios caracteres que no forman parte del repertorio ASCII estándar resultan útiles —incluso necesarios— para las páginas Wiki, especialmente las páginas internacionales. Esta página contiene mis recomendaciones sobre aquellos caracteres que se pueden utilizar con seguridad y cómo usarlos. Existen tres formas de ingresar un carácter no-ASCII en una página Wiki:

  • Introduzca el carácter directamente desde el teclado apropiado, o copiándolo de alguna aplicación tipo "mapa de caracteres" y luego pegándolo, o por medio de recursos especiales que pueda ofrecer su sistema operativo, o programa de edición de texto. El servidor web deberá entonces ser configurado para informar de qué juego de caracteres de 8-bit se debe usar.
  • Utilice una entidad de referencia HTML conocida, como por ejemplo &agrave;. Éste es el método más seguro y compatible, y no resulta ambiguo aun cuando el servidor no anuncia el uso de algún juego de caracteres especial, e incluso cuando el carácter no se muestra apropiadamente en algunos navegadores.
  • Utilice una entidad numérica de referencia HTML, como por ejemplo &#161;. Esto no se recomienda, ya que muchos navegadores interpretan incorrectamente estas entidades como referencias al juego de caracteres nativo. Sin embargo, ésta es la única forma de ingresar valores Unicode para los que no existe entidad alguna, como las letras del idioma turco. Note que debido a que los caracteres a los que apuntan los valores 128 al 159 no se usan tanto en ISO-8859-1 como en Unicode, las referencias en este rango como &#131; son inválidas y ambiguas, aun cuando sean usadas con frecuencia por varios sitios web.

Caracteres ISO-8859-1

Los siguientes caracteres del conjunto ISO-8859-1 (uno de los códigos ASCII extendido) se pueden usar con seguridad en todas las páginas Wiki. La siguiente tabla lista el carácter en sí, el código para cada carácter en decimal y en hexadecimal, el nombre de la entidad HTML, y el nombre común del carácter.

Literal Hex Dec Entidad Carácter Literal Hex Dec Entidad Carácter
  00A0 0160 &nbsp; espacio que no produce saltos de línea ¡ 00A1 0161 &iexcl; exclamación de apertura
¢ 00A2 0162 &cent; signo de centavo £ 00A3 0163 &pound; signo de libra
¤ 00A4 0164 &curren; signo de moneda internacional ¥ 00A5 0165 &yen; signo de yen
§ 00A7 0167 &sect; signo de sección ¨ 00A8 0168 &uml; diéresis
© 00A9 0169 &copy; signo de copyright ª 00AA 0170 &ordf; indicador ordinal femenino
« 00AB 0171 &laquo; comillas anguladas de apertura ¬ 00AC 0172 &not; signo de negación lógica
® 00AE 0174 &reg; signo de marca registrada ¯ 00AF 0175 &macr; raya alta
° 00B0 0176 &deg; signo de grado ± 00B1 0177 &plusmn; signo de más/menos
´ 00B4 0180 &acute; acento agudo µ 00B5 0181 &micro; signo de micro
00B6 0182 &para; signo de fin de parágrafo · 00B7 0183 &middot; punto medio (coma Georgiana)
¸ 00B8 0184 &cedil; cedilla º 00BA 0186 &ordm; indicador ordinal masculino
 » 00BB 0187 &raquo; comillas anguladas de cierre ¿ 00BF 0191 &iquest; signo de interrogación de apertura
À 00C0 0192 &Agrave; A con acento grave Á 00C1 0193 &Aacute; A con acento agudo
 00C2 0194 &Acirc; A con acento circunflejo à 00C3 0195 &Atilde; A con tilde
Ä 00C4 0196 &Auml; A con diéresis Å 00C5 0197 &Aring; A con anillo
Æ 00C6 0198 &AElig; Diptongo (ligadura) AE Ç 00C7 0199 &Ccedil; C cedilla
È 00C8 0200 &Egrave; E con acento grave É 00C9 0201 &Eacute; E con acento agudo
Ê 00CA 0202 &Ecirc; E con acento circunflejo Ë 00CB 0203 &Euml; E con diéresis
Ì 00CC 0204 &Igrave; I con acento grave Í 00CD 0205 &Iacute; I con acento agudo
Î 00CE 0206 &Icirc; I con acento circunflejo Ï 00CF 0207 &Iuml; I con diéresis
Ñ 00D1 0209 &Ntilde; N con tilde Ò 00D2 0210 &Ograve; O con acento grave
Ó 00D3 0211 &Oacute; O con acento agudo Ô 00D4 0212 &Ocirc; O con acento circunflejo
Õ 00D5 0213 &Otilde; O con tilde Ö 00D6 0214 &Ouml; O con diéresis
Ø 00D8 0216 &Oslash; O con barra Ù 00D9 0217 &Ugrave; U con acento grave
Ú 00DA 0218 &Uacute; U con acento agudo Û 00DB 0219 &Ucirc; U con acento circunflejo
Ü 00DC 0220 &Uuml; U con diéresis ß 00DF 0223 &szlig; doble s (alemán) - beta minúscula
à 00E0 0224 &agrave; a con acento grave á 00E1 0225 &aacute; a con acento agudo
â 00E2 0226 &acirc; a con acento circunflejo ã 00E3 0227 &atilde; a con tilde
ä 00E4 0228 &auml; a con diéresis å 00E5 0229 &aring; a con anillo
æ 00E6 0230 &aelig; diptongo (ligadura) ae ç 00E7 0231 &ccedil; c cedilla
è 00E8 0232 &egrave; e con acento grave é 00E9 0233 &eacute; e con acento agudo
ê 00EA 0234 &ecirc; e con acento circunflejo ë 00EB 0235 &euml; e con diéresis
ì 00EC 0236 &igrave; i con acento grave í 00ED 0237 &iacute; i con acento agudo
î 00EE 0238 &icirc; i con acento circunflejo ï 00EF 0239 &iuml; i con diéresis
ñ 00F1 0241 &ntilde; n con tilde ò 00F2 0242 &ograve; o con acento grave
ó 00F3 0243 &oacute; o con acento agudo ô 00F4 0244 &ocirc; o con acento circunflejo
õ 00F5 0245 &otilde; o con tilde ö 00F6 0246 &ouml; o con diéresis
÷ 00F7 0247 &divide; signo de división ø 00F8 0248 &oslash; o con barra
ù 00F9 0249 &ugrave; u con acento grave ú 00FA 0250 &uacute; u con acento agudo
û 00FB 0251 &ucirc; u con acento circunflejo ü 00FC 0252 &uuml; u con diéresis
ÿ 00FF 0255 &yuml; y con diéresis

Estos caracteres son un subconjunto de los símbolos más frecuentemente usados en Internet del juego de caracteres ASCII extendido, ISO 8859-1. Las páginas de Cordobapedia son identificadas por el servidor como páginas con texto ISO-8859-1. Los caracteres mencionados anteriormente son un grupo seleccionado para mejorar la compatibilidad con otras máquinas.

Caracteres inseguros

Note en especial lo que hace falta aquí del juego de caracteres ISO-8859-1 completo: La barra vertical partida (0166=&brvbar;), el guión suave (0173=&shy;), los dígitos en superíndice (0178=&sup2;, 0179=&sup3;), las fracciones comunes (0188=&frac14;, 0189=&frac12;, 0190=&frac34;), los caracteres eth y thorn islandeses (0208=&ETH;, 0240=&eth;, 0222=&THORN;, 0254=&thorn;), y el signo de multiplicación (0215=&times;). Estos deberían considerarse inseguros (aparte existen sustitutos adecuados para muchos de ellos).

Debe tenerse especial cuidado con aquellos caracteres que existen en el juego de caracteres nativo de algunas máquinas populares pero no en el conjunto mencionado anteriormente. No son seguros, aun cuando posiblemente usted los vea correctamente cuando los usa. Entre los caracteres que forman parte del documento de código 1252 Windows pero no del ISO-8859-1 se encuentran el signo del euro (&euro;), la cruz y la doble cruz (&dagger;, &Dagger;), la viñeta (&bull;), el signo de marca registrada (&trade;), los signos de puntuación con estilo (ver más adelante), el signo por mil (&permil;), algunas letras con acento caron del Este de Europa, y los diptongos oe. Entre los caracteres del juego de caracteres Macintosh Roman que no forman parte del ISO-8859-1 se encuentran la cruz y doble cruz, la viñeta, el signo de marca registrada, algunos pocos símbolos matemáticos como el infinito (&infin;) y el no-igual (&ne;), algunas letras Griegas comúnmente usadas como pi (&pi;), diptongos (ligaduras) como oe y fl, signos de puntuación con estilo, el signo de por mil, y algunos acentos como el breve, onogek y el caron.

El lenguaje de etiquetas HTML 4.0 define entidades para algunos caracteres Latinos no incluidos en el ISO-8859-1 y que son utilizados por idiomas populares, como el diptongo OE (&OElig;, &oelig;), la Y mayúscula con diéresis (&Yuml;), y algunos caracteres del Este de Europa con acentos como &scaron;. Estos también son inseguros; aun cuando si se ingresan como referencias a entidades HTML, puede que se muestren correctamente en algunas máquinas.

En resumen, no asuma que es seguro utilizar algún carácter especial solo porque se ve bien en su máquina. Utilice los caracteres de la tabla listada antes, y lea y entienda como usar los otros que se mencionan más abajo.

Caracteres no-ISO posiblemente utilizables

Desde hace ya muchos años la web está basada en el repertorio de caracteres Unicode. Se pueden tomar muchos caracteres de este conjunto extendido, ingresándolos ya sea como referencias a entidades HTML o directamente. Los navegadores web los reconocen e interpretan correctamente, quizás utilizando fuentes de carácter alternativas según se requiera. Todos estos caracteres deben ser considerados menos seguros que los mencionados antes, pero solo en el sentido de que puede que no se muestren apropiadamente en algunas máquinas, aunque en forma de referencias a entidades HTML no resultan ambiguos, y preservan la integridad de los datos.

Para muchos de estos, se encuentran disponibles sustitutos adecuados y arreglos, y deberían ser utilizados cuando la importancia de hacer el texto adecuado para usuarios de máquinas y software antiguo sobrepasa la importancia que puede tener una buena presentación para aquellos con software más reciente (a juicio del autor o editor).

Signos de puntuación con estilo

Ausentes en el juego de caracteres ISO-8859-1, pero utilizados con frecuencia y presentes tanto en los conjuntos Macintosh Roman como en el documento de código Windows 1252, y posteriormente incluidos en Unicode, existen algunos signos de puntuación (comillas y rayas) apropiados para idiomas como el inglés y el español que poseen cierto estilo único. Estos pueden ingresarse como referencias a entidades, y deberían mostrarse correctamente en la mayoría de máquinas. Incluso algunos navegadores de modo texto son capaces de realizar las sustituciones apropiadas utilizando simples comillas y rayas de ASCII plano. Muchas de estas referencias no existían en versiones antiguas de HTML, por lo que es posible que no sean reconocidas por software poco reciente. Ya que utilizando estos caracteres se mantiene la integridad de los datos incluso en aquellas máquinas que no los muestran correctamente, se pueden considerar seguros de usar a menos que un despliegue adecuado en software antiguo sea crítico. Las comillas alemanas "low-9" son un caso similar, pero es menos frecuente que sean traducidas por software, y por lo tanto no son tan seguras. La siguiente tabla muestra estos caracteres precediendo a una "O" mayúscula para mejor visibilidad:

‘O &lsquo; comilla izquierda sencilla ’O &rsquo; comilla derecha simple “O &ldquo; comilla izquierda doble ”O &rdquo; comilla derecha doble
—O &mdash; raya larga –O &ndash; raya corta ‚O &sbquo; comilla low-9 sencilla „O &bdquo; comilla low-9 doble

Muchos sitios web orientados a una audiencia de usuarios de Windows utilizan entidades tomadas del código 1252 para estos caracteres: por ejemplo, utilizando &#151; para la raya larga. Esta no es una práctica aceptable, ya que se estaría haciendo referencia en realidad al código 151 de Unicode, que sólo tiene un caracter de control. Con el propósito de asegurar la futura integridad de los datos y máxima compatibilidad, se deben reescribir estos caracteres a referencias como &mdash;.

Letras Griegas y símbolos matemáticos

Tradicionalmente para representar letras del alfabeto griego y otros símbolos matemáticos en el entorno Windows era común el uso de la tipografía Symbol. Con la adopción generalizada de Unicode este método es no sólo obsoleto sino erróneo. Para usar estos símbolos es necesario ahora usar, como ya se dijo, entidades HTML o simplemente tipearlos (o copiarlos, ya que no suelen estar en los teclados).

Las letras Griegas mayúsculas y minúsculas simplemente usan sus nombres completos como entidades. Estos caracteres deberían, por supuesto, ser utilizados únicamente para representar letras Griegas ocasionales en texto principalmente Latino. Texto realmente Griego debería ser escrito utilizando un juego de caracteres griego para evitar archivos sobrecargados y de pobre respuesta. Aquí hay algunos ejemplos:

α &alpha; Γ &Gamma; β &beta; Λ &Lambda; γ &gamma;
Σ &Sigma; π &pi; Π &Pi; σ &sigma; Ω &Omega;
ς &sigmaf; (sigma "final", únicamente en minúscula)

Otros símbolos matemáticos comunes:

&ne; &prime; &le; &Prime; &ge; &part;
&equiv; &int; &asymp; &sum; &infin; &prod;
&radic;

Muchos de los símbolos en la fuente de carácter de Windows "Symbol" usados para interpretar símbolos matemáticos (como los segmentos de corchetes expandibles) no están presentes on muchas otras máquinas, y ni siquiera están presentes en el Unicode 3.1 o como entidades HTML (aunque se encuentran planeados para Unicode 3.2). Estos son utilizados en productos como TtH para interpretar ecuaciones. No es posible hoy en día utilizar estos caracteres en páginas web de forma compatible para todos los lectores.

Otros símbolos comunes

Algunos caracteres como la viñeta, el signo de la moneda euro, y el signo de marca registrada son casos especiales. Es muy factible que sean asimilados e interpretados de alguna manera en muchos navegadores. Debido a que son importantes para el comercio internacional, muchos sistemas los agregan a fuentes de carácter en alguna ubicación no-estándar y los interpretan cuando se solicitan, o de lo contrario simplemente los interpreta en modos especiales que no requieren que se encuentren presentes en alguna fuente. Consulte la tabla a continuación para ver cómo interpreta su navegador los siguientes símbolos:

&bull; Viñeta &euro; Signo de la moneda euro &trade; Signo de marca registrada

Entre otros símbolos un poco menos comunes se encuentran los siguientes:

&dagger; cruz &Dagger; doble cruz &loz; diamante &permil; signo por mil
&larr; flecha hacia la izquierda &uarr; flecha hacia arriba &rarr; flecha hacia la derecha &darr; flecha hacia abajo
&spades; pinta negra de espadas &clubs; pinta negra de picas &hearts; pinta negra de corazones &diams; pinta negra de diamantes
&lsaquo; comilla angulada sencilla de apertura &rsaquo; comilla angulada sencilla de cierre

El uso de estos símbolos debe considerarse inseguro excepto quizá en páginas orientadas a una audiencia específica que muy probablemente utilice software bastante actualizado sobre máquinas populares.

Unicode

La codificación de caracteres Unicode UCS-4 es la codificación de caracteres oficial en HTML 4.0. Muchos navegadores, sin embargo, solo son capaces de mostrar un pequeño subconjunto del repertorio completo UCS-4. Por ejemplo, los códigos &#1049; &#1511; &#1605; se despliegan en su navegador como Й, ק, y م, los cuales idealmente deberían verse como la letra cirílica "I corta", la letra hebrea "Qof", y la letra arábiga "Meem", respectivamente. Es poco probable que su computador tenga todas esas fuentes y las muestre correctamente, aunque puede que muestre algunas de ellas. En cualquier caso, debido a que estos caracteres están codificados de acuerdo al estándar, deberán mostrarse correctamente en cualquier sistema que cumpla con el estándar y tenga disponibles los caracteres. Referencias a entidades numéricas son la única manera de ingresar estos caracteres en una página Wiki por el momento. Note que codificarlos utilizando decimal en lugar de hexadecimal (por ejemplo &#1049; en lugar de &#x419;) incrementará el número de navegadores en los que la referencia dará resultado.