Ayuda:Caracteres especiales

De Cordobapedia

Contenido

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
goldFFD700
yellowFFFF00
lightyellowFFFFE0
lemonchiffonFFFACD
lightgoldenrodyellowFAFAD2
papayawhipFFEFD5
moccasinFFE4B5
peachpuffFFDAB9
palegoldenrodEEE8AA
khakiF0E68C
darkkhakiBDB76B
Colores Azules
aqua00FFFF
lightcyanE0FFFF
paleturquoiseAFEEEE
aquamarine7FFFD4
turquoise40E0D0
mediumturquoise48D1CC
darkturquoise00CED1
cadetblue5F9EA0
steelblue4682B4
lightsteelblueB0C4DE
powderblueB0E0E6
lightblueADD8E6
skyblue87CEEB
lightskyblue87CEFA
deepskyblue00BFFF
dodgerblue1E90FF
cornflowerblue6495ED
mediumslateblue7B68EE
royalblue4169E1
blue0000FF
mediumblue0000CD
darkblue0000 8B
navy000080
midnightblue191970
HTML cód hexadecimal
Colores Blancos
whiteFFFFFF
snowFFFAFA
honeydewF0FFF0
mintcreamF5FFFA
azureF0FFFF
aliceblueF0F8FF
ghostwhiteF8F8FF
whitesmokeF5F5F5
seashellFFF5EE
beigeF5F5DC
oldlaceFDF5E6
floralwhiteFFFAF0
ivoryFFFFF0
antiquewhiteFAEBD7
linenFAF0E6
lavenderblushFFF0F5
mistyroseFFE4E1
Colores Grises
gainsboroDCDCDC
lightgreyD3D3D3
silverC0C0C0
darkgrayA9A9A9
gray808080
dimgray696969
lightslategray778899
slategray708090
darkslategray2F4F4F
black000000
HTML cód hexadecimal
Colores Marrones
cornsilkFFF8DC
blanchedalmondFFEBCD
bisqueFFE4C4
navajowhiteFFDEAD
wheatF5DEB3
burlywoodDEB887
tanD2B48C
rosybrownBC8F8F
sandybrownF4A460
goldenrodDAA520
darkgoldenrodB8860B
peruCD853F
chocolateD2691E
saddlebrown8B4513
siennaA0522D
brownA52A2A
maroon800000
Colores Naranjas
lightsalmonFFA07A
coralFF7F50
tomatoFF6347
orangeredFF4500
darkorangeFF8C00
orangeFFA500
HTML cód hexadecimal
Colores Púrpuras
lavenderE6E6FA
thistleD8BFD8
plumDDA0DD
violetEE82EE
orchidDA70D6
fuchsiaFF00FF
magentaFF 00 FF
mediumorchidBA55D3
mediumpurple9370DB
blueviolet8A2BE2
darkviolet9400D3
darkorchid9932CC
darkmagenta8B008B
purple800080
indigo4B0082
slateblue6A5ACD
darkslateblue483D8B
Colores Rojos
indianredCD5C5C
lightcoralF08080
salmonFA8072
darksalmonE9967A
lightsalmonFFA07A
crimsonDC143C
redFF0000
firebrickB22222
darkred8B0000
HTML cód hexadecimal
Colores Rosas
pinkFFC0CB
lightpinkFFB6C1
hotpinkFF69B4
deeppinkFF1493
mediumvioletredC71585
palevioletredDB7093
Colores Verdes
greenyellowADFF2F
chartreuse7FFF00
lawngreen7CFC00
lime00FF00
limegreen32CD32
palegreen98FB98
lightgreen90EE90
mediumspringgreen00FA9A
springgreen00FF7F
mediumseagreen3CB371
seagreen2E8B57
forestgreen228B22
green008000
darkgreen006400
yellowgreen9ACD32
olivedrab6B8E23
olive808000
darkolivegreen556B2F
mediumaquamarine66CDAA
darkseagreen8FBC8F
lightseagreen20B2AA
darkcyan008B8B
teal008080

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.