HTML se ha basado, desde sus origenes, en el texto sin formato y por ello necesita ofrecer la posibilidad de presentar un amplio rango de caracteres, muchos de ellos im- posibles de escribir con un teclado normal. El lenguaje cuenta con multitud de caracte- res especiales y numerosos caracteres reservados. La especificaci6n HTML define muchas entidades (c6digos especificos) para insertar caracteres especiales. En este capitulo introducimos el concepto de entidad y relaciona- mos las diferentes entidades disponibles. La Web del W3C es una buena fuente de informacién sobre las entidades de HTML, que vienen relacionadas en: www.w3.org/TR/html4/sgml/entities.html. Fundamentos de la codificacién de caracteres La codificacién de caracteres es basicamente el método que relaciona los datos bina- rios con sus caracteres equivalentes. Por ejemplo, en un documento en inglés americano estandar, 65 se relaciona con una A mayuiscula. La mayoria de las fuentes inglesas siguen la codificacion ASCII (American Standard Code for Information Interchange, Codigo americano estandar para el intercambio de278 14. Caracteres especiales informacién). Por tanto, cuando los disefiadores Web insertan una A mayuscula, pueden estar seguros de que los usuarios veran la "A" apropiada en su agente de usuario. Por supuesto, existen muchas excepciones a esta afirmacién. El documento debe estar codificado con el idioma inglés, la fuente tiene que ser alfanumérica, capaz de producir la letra, y el agente de usuario no debe interferir con ningtin cédigo. La codificacién de] documento pasa al agente de usuario en el encabezado HTTP Content-type de la siguiente manera: Col ent-Type: text/html; charset=EN-US Sin embargo, algunos agentes de usuario no gestionan la codificacién del encabezado HTTP de forma correcta. Si necesita declarar la codificaci6n del documento de forma explicita, tiene que utilizar una metaetiqueta adecuada, similar a la siguiente: éQué ocurre cuando parte del documento se presenta de forma diferente? Por ejem- plo, gqué sucede si el documento se visualiza en Japén, donde la fuente del agente de usuario es en japonés en lugar de en inglés? En estes casos, la codificacién adecuada asegura que se presentan los caracteres correctos. La mayoria de las fuentes tienen caracteres internacionales codificados, ademas del conjunto de caracteres de su idioma nativo, Cuando se especifica una codificaci6n ajena a éste, el agente de usuario trata de utilizar los caracteres adecuados. Si no los encuen- tra en la fuente actual, puede usar fuentes alternativas. Sin embargo, esto no se puede conseguir si el documento no declara su codificacién. Si el agente de usuario la desconoce, utilizar4 el cardcter correspondiente a la posicién equivalente en el flujo de dates. Por ejemplo, una A maytscula se traduce al caracter que esté en la posici6n 65 de la tabla de fuentes que esté empleando el agente de usuario. Caracteres especiales Algunos caracteres especiales tienen un significado especial en HTML. Por ejemplo, el simbolo menor que (<) sefiala el inicio de una etiqueta. Por tanto, no se puede utilizar este cardcter en el texto normal. Se tiene que codificar con un medio que comprenda el agente de usuario. Estos cédigos se denominan entidades. Cuando al presentar un documento el agente se encuentra con una entidad, ésta se considera el cardcter correcto. Las entidades en HTML comienzan con un simbolo & y finalizan con ; y contienen un cédigo numérico 0 una frase nemotécnica entre ellos.HTML, XHTML y CSS Las entidades con codigo numérico pueden usar el formato decimal o hexadecimal. En ambos casos deben ir precedidos por un simbolo #. Los nimeros hexadecimales tam- bién tienen que ir precedidos por una x. Por ejemplo, el caracter numero 160 funciona como espacio de no separaci6n. La siguiente entidad en formato decimal hace referen- cia a este cardcter: &t La siguiente entidad en formato hexadecimal igualmente hace referencia al carac- ter 160: bExACy Las entidades nemotécnicas utilizan caracteres que consisten en abreviaturas 0 re- presentaciones nemotécnicas del caracter que representan. Por ejemplo, la siguiente en- tidad representa un espacio de no separacion (Non Breaking Space): énbsp; La tabla 14.1 recoge otras entidades esenciales. Tabla 14.1. Entidades esenciales. #34; " Comillas. &438; & Ampersand. 6460; < Signo menor. G62; > Signo mayor. 64160; anbsp; Espacio de no separacién. En las siguientes secciones vamos a ver mas caracteres especiales. La tinica manera de asegurar que el agente de usuario utilizara los caracteres correctos es especificando los especiales a través de sus codigos nemotécnicos. Si utilizamos el equivalente decimal o hexadecimal, sélo estaremos indicando que se utilice el caracter correspondiente a esa posicién en el mapa de fuentes actual: no esta garantizado que el cardcter sea el que pretendiamos. Sin embargo, especificando los cédigos nemotéc- nicos el agente de usuario utilizara el caracter correspondiente, a pesar de su posicién en el mapa de fuentes. Reeuerde que la utilizacin de la entidad no sustituye a la correcta internacionalizacién de los documentos. Mas adelante veremos informacién adicional.280 14, Caracteres especiales Espacios y guiones En y Em El espacio y el guién en toman su nombre de su tamafo relativo: tienen la anchu- ra de la N maytiscula. De igual forma, los caracteres em tienen la anchura de una M mayuscula. Estos caracteres tienen sus finalidades especificas en el idioma inglés: * Los espacios en se utilizan cuando necesitamos un espacio mas grande de lo nor- mal. Por ejemplo, se pueden utilizar entre el nombre y el nimero de una calle: Ponzano 124. * Los espacios em se utilizan para separar elementos como fechas y titulares 0 nu- meros de figuras y leyendas. Por ejemplo: Figura 2 Ventana de ayuda. * Los guiones en se utilizan en algunos idiomas para separar cifras, por ejemplo en numeros de teléfono o de elementos. * Los guiones em se utilizan en gramatica para separar frases en didlogos. Por ejem- plo: —"Buenas noches, pequenos" — dice Frankenstein. La tabla 14.2 recoge las entidades para elementos en y em. Tabla 14,2. Entidades en y em. S&HB194; sensp; Espacio en. &H8195;   Espacio em. – éndash; Guién en. — — Guién em. Signos de copyright y de marca comercial Los signos especiales de copyright (o de derechos de autor) y de marca comercial in- dican una relacién legal entre individuos o compafnias y texto. El simbolo copyright (©) se utiliza para indicar que alguien ha concedido determina- dos derechos en material escrito. E] texto al que se aplica el simbolo por lo general indi- ca los derechos aplicables. Por ejemplo, muchos trabajos escritos incluyen la siguiente frase: "Copyright © 2009. Todos los derechos reservados’. Los signos de marea comercial y registrada (™ y ®) se utilizan para indicar que una palabra o frase determinadas estan registradas para uso exclusivo de un individuo o compania. Por ejemplo: "Windows" es una marca comercial registrada de Microsoft al igual que otros de sus productos.HTML, XHTML y CSS Pad Los signos de marca comercial y de marca registrada suelen aparecer como superindice después de la palabra o frase a la que son aplicables. Por tanto, tenemos que utilizarlos dentro de etiquetas ^{. La tabla 14.3 recoge las entidades para los simbolos copyright, marca comercial y marca comercial registrada. Tabla 14.3. Entidades de copyright, marca comercial y registrada. © © Signo de copyright. ™ ™ Signo de marca comercial. a#l74; ® Simbolo de marca comercial registrada. Algunas fuentes incluyen el signo de marca comercial. Pero como esta formado per dos caracteres, se incorpora como excepcién, no como regla. Recomendamos, por lo tan- to, no utilizar la entidad para presentar el signo, sino utilizar tamafio de fuente especi- fico, pequefio y superindice, como el siguiente: TM Es aconsejable utilizar estilos en lugar de la etiqueta . Simbolos de moneda Existen numerosos simbolos de moneda, como el] délar americano ($), la libra esterli- na (£), el euro europeo (€) y el yen (¥). También tenemos el simbolo general de moneda o divisa (9). La tabla 14.4 recoge muchos de los simbolos de moneda mas habituales. Tabla 14.4. Entidades de moneda. &H162; ecent; Signo de centavo, £ £ Signo de libra. &H164; ¤ Signo de moneda.282 14. Caracteres especiales ¥ ayen; Signo de yen. &H#8364; € Signo de euro. El signo de délar ($) corresponde al cardécter ASCII 24 (hexadecimal), en fuentes de Estados Unidos, y se puede acceder a él desde el teclado. Comillas "reales" Las comillas reales, que se usan para publicar, no existen en un teclado estandar. Las comillas disponibles en el teclado (" y ') son directas, es decir, se trata de pequefias lineas verticales como superindice. Las comillas que se utilizan en la publicacién son simila- res a los numeros 6 y 9, es decir, puntos con una terminacion especial. A continuacién vemos un ejemplo de comillas reales: “Esta oracién es una cita”. La tabla 14.5 recoge las entidades para las comillas. Tabla 14.5. Entidades de comillas y apéstrofe. &#B216; ‘ Comilla simple abierta. &HB217; ’ Comilla simple cerrada. &#¥B220; “ Comillas dobles abiertas. ” ” Comillas dobles cerradas. Flechas Existen diferentes simbolos de flecha disponibles como entidades. La tabla 14.6 re- coge estas entidades. Tabla 14.6. Entidades de flecha. ← ← Flecha hacia la izquierda. &48593; éuarr; Flecha hacia arriba.HTML, XHTMLy css [EER → ↓ &HE596; ↵ ⇐ &#B657; ⇒ &HBO59; #8660; Caracteres acentuados &rvarr; &édarr; ↔ &Crarr; ⇐ SuArr; SrArr; ⇓ &hArrs Flecha hacia la derecha. Flecha hacia abajo. Flecha izquierda derecha. Flecha doblada hacia abajo = retorno de carro. Flecha doble hacia la izquierda. Flecha doble hacia arriba. Flecha doble hacia la derecha. Flecha doble hacia abajo. Flecha doble izquierda derecha. En el estandar HTML existen muchas entidades de caracter acentuado disponibles. La tabla 14.7 recoge las principales. bH192; &H193; Â Ã Ä Å Æ Ç &H200; &H201; &H202; Ë Ì Í Tabla 14.7. Entidades de caracter acentuado. À Á  éÃ Ä ; Å &ABlig; Ç È &Bacute; Ê Ë1; &lgrave; ĺ Letra latina A mayuscula con acento grave. Letra latina A mayuscula con acento agudo. Letra latina A mayuscula con acento circunflejo. Letra latina A mayuscula con tilde. Letra latina A mayuscula con diéresis. Letra latina A mayuscula con anillo. Letra latina AE mayuscula. Letra latina C mayuscula con cedilla. Letra latina E mayuscula con acento grave. Letra latina E maydscula con acento agudo, Letra latina E mayuscula con acento circunflejo. Letra latina E mayuscula con diéresis. Letra latina | mayuscula con acento grave. Letra latina | mayUscula con acento agudo.ret) 14. Caracteres especiales Î &lcirc; Letra latina | mayuscula con acento circunflejo. &H207; &luml; Letra latina | maydscula con diéresis. Ð Ð Letra latina ETH mayuscula. Ñ Ñ Letra latina N mayuscula con tilde. Ò Ò Letra latina O mayUscula con acento grave. Ó Ó Letra latina O maytscula con acento agudo. Ô sOcirc; Letra latina O maytscula con acento circunflejo. Õ Õ Letra latina O mayuscula con tilde. Ö &Oum1 ; Letra latina O mayuscula con diéresis. Ø &0slash; Letra latina O mayuscula con acento tachada. &H217; Ù Letra latina U mayuscula con acento grave. &H218; Ú Letra latina U mayuscula con acento agudo. KH219; &Ucire; Letra latina U mayUscula con acento circunflejo. &H220; Ü Letra latina U mayuscula con diéresis. &H221; Ý Letra latina Y mayuscula con acento agudo. &H222; & THORN; Letra latina thorn mayuscula. ß ßz Letra latina s muda minUscula = ess-zed. 84224; Sagrave; Letra latina a minuscula con acento grave. &H225; á Letra latina a minuscula con acento agudo. â7 â Letra latina a minUscula con acento circunflejo. ã ã Letra latina a mindscula con tilde. ä éauml; Letra latina a minuscula con diéresis. &4229; éaring; Letra latina a mindscula con anillo. æ saelig; Letra latina ae minuscula. ç ç Letra latina c minuscula con cedilla. &4232; è Letra latina e mindscula con acento grave. &4233; é Letra latina e minuscula con acento agudo. ê gecirc; Letra latina e minuscula con acento circunflejo. &H235; seuml; Letra latina e minuscula con diéresis. b4#236; aigrave; Letra latina i minuscula con acento grave. í í Letra latina i minuscula con acento agudo.HTML, XHTML y CSS î &H239; 64240; 64241; &H242; ó ô õ 5246; 64248; 64249; ú û ü ý þ ÿ î éLuml; seth; éntilde; é&0grave; ó éocirc; éotilde; éouml; éoslash; gugrave; fuacute; égucire; éuuml; éyacute; þ ayuml; Letra latina i minuscula con acento circunflejo. Letra latina i minuscula con diéresis. Letra latina eth mindscula. Letra latina n mindscula con tilde. Letra latina 0 minUscula con acento grave. Letra latina o minuscula con acento agudo. Letra latina o minuscula con acento circunflejo. Letra latina o minuscula con tilde. Letra latina o minuscula con acento diéresis. Letra latina o mindscula tachada. Letra latina u minuscula con acento grave. Letra latina u minuscula con acento agudo. Letra latina u minuscula con acento circunfiejo. Letra latina u mindscula con diéresis. Letra latina y minuscula con acento agudo. Letra latina thorn minuscula. Letra latina y minuscula con diéresis. Caracteres griegos y matematicos La tabla 14.8 recoge diferentes entidades de simbolos griegos que estan disponibles en HTML. &H913; 6H914; Γ Δ S#O1T; Ζ Tabla 14.8. Entidades de simbolos griegos. Α Β &Gammaj; Δ Ε Ζz Letra griega alfa mayuscula. Letra griega beta mayuscula. Letra griega gamma maytscula. Letra griega delta mayuscula. Letra griega epsilon mayuscula. Letra griega zeta maylscula.14. Caracteres espectales #919; Η Letra griega eta mayuscula. &4920; 6Theta; Letra griega theta mayuscula. &$921; &lota; Letra griega iota mayuscula. &4922; &Kappa?; Letra griega kappa mayuscula. &4923; Λ Letra griega lambda mayuscula. &H924; Μz Letra griega mu mayuscula. #925; Ν Letra griega nu mayuscula. Ξ Ξ Letra griega xi mayuscula. &HO27; Ο Letra griega omicron mayuscula. &4928; Π Letra griega pi mayuscula. &4929; Ρ Letra griega rho mayuscula. Σ &Sigmga; Letra griega sigma mayuscula. &H932; Tau; Letra griega tau mayuscula. &4#933; Υ Letra griega upsilon maytscula. Φ Φ Letra griega phi mayuscula. &H935; Χ Letra griega chi mayUscula. &H936; Ψ Letra griega psi mayuscula. Ω Ω Letra griega omega mayuscula. a#945; α Letra griega alfa mayUscula. β β Letra griega beta minuscula. γ γ Letra griega gamma minuscula. aH948; adelta; Letra griega delta minuscula. &H949; éepsilon; Letra griega epsilon minuscula. ζ ζ Letra griega zeta minuscula. η Geta; Letra griega eta minuscula. 6952; θ Letra griega theta minuscula. ι éiota; Letra griega iota minuscula. κ κ Letra griega kappa mintscula. λ & lambda; Letra griega lambda minuscula. a¥956; &muz Letra griega mu mindscula. &4H957; &nuz Letra griega nu minuscula.HTML, XHTML y CSS ξ &xi: Letra griega xi minuscula. &#ISO; somicron; Letra griega omicron minuscula. π &pi: Letra griega pi minuscula. ρ ρ Letra griega rho minuscula. ς ésigmaf? Letra griega sigma final minuscula. &H#963; sigma; Letra griega sigma minuscula. a#964; etau; Letra griega tau minuscula. &H965; éupsilon; Letra griega upsilon minuscula. φ φ Letra griega phi minuscula, aHOG7; χ Letra griega chi minuscula. &H96B; épsi; Letra griega psi minuscula. GHIGO; gomega; Letra griega omega minuscula, GHOTT; &éthetasym; Letra griega simbolo theta minuscula. &H97B; ϒ Upsilon griego con simbolo hook. &H982; ϖ Simbolo griego pi. La tabla 14.9 recoge diferentes simbolos matematicos. Tabla 14.9, Entidades de simbolos matematicos. 6215; atimes; Signo de multiplicacion. SH247; &division; Signo de division. BHETO4; ∀ Para todo. 648706; ∂ Derivada parcial. &H8707; ∃ Existe. &H8705; sempty; Conjunto vacio = conjunto cero = diametro. eH8T11? énabla; Gradiente, SABT12; ∈ Pertenece a. ad8713; ∉ No pertenece a. ad 8715; éni; Esta incluido. &48719; &preod; Productorio.F435) 14. Caracteres especiales ∑ ∑ Sumatorio. − − Signo menos. 48727; ∗ Operador asterisco. &48730; √ Raiz cuadrada. &48733; ∝ Proporcional a. &48734; ∞ Infinito. 648736; Gang; Angulo. &48743; ∧ y légico. &4H8744; gor; 0 légico. ☑ ∩ Interseccién. &H8746; écup; Unién. GHBTAT; ∫ Integral. ☜ ∴ Por lo tanto. 648764; ∼ Operador tilde = varia con = similar a. 648773; ≅ Aproximadamente igual a. SHB776; sasymp; Casi igual a = asintotico a. ≠ ≠ Distinto de. ≡ sequiv; Indéntico a. ≤ ≤ Menor o igual que. ≥ ≥ Mayor o igual que. 6H8834; ⊂ Subconjunto de. ⊃ &SUD; Superconjunto de. ⊄ ⊄ No es subconjunto de. ⊆ ⊆ Subconjunto de o igual que. ⊇ ⊇ Superconjunto de o igual que. &#B853; ⊕ Circulo mas = suma directa. ⊗ ⊗ Circulo por = producto vectorial. &#B869; ⊥ Ortogonal a = perpendicular. ⋅ ésdot; Operador punto. ⌈ ⌈ Parte superior de corchete abierto. &#BIG69; ⌉ Parte superior de corchete cerrado.HTML, XHTML y CSS ⌊ ⌊ Parte inferior de corchete abierto. &#OOTL; érfloor; Parte inferior de corchete cerrado. a#9001; ⟨ Corchete angular hacia la izquierda. 〉 &érang; Corchete angular hacia la derecha. Otras entidades utiles La tabla 14.10 recoge otras entidades. Tabla 14.10. Entidades varias. ¡ giexcl; Signo de exclamacion invertido. &H#166; ¦ Barra partida = barra vertical partida. &#HI67; § Signo de seccién. ¨ guml; Diéresis. ª ª Indicador ordinal femenino. 64171; « Comillas dobles angulares abiertas. 64172; ¬ Signo de negacidn. ­ ­ Guidn blando = guién discrecional. adtl75; ¯ Macron (marca larga) = superguion = guion alto. &H176; édeg; Signo de grados. etlTy; ± Signo mas-menos = signo mas-o-menos. #178; ² Dos superindice = al cuadrado. ³ asup3; Tres superindice = al cubo. SHLEO; gacute; Acento agudo, &H181; µ Signo de micras. ¶ ¶ Signo de parrafo. · · Punto medio = coma Georgiana. ¸ ¸ Cedilla. #185; &supl; Uno superindice. º &édeqg; Indicador ordinal masculino.EEG 14. Caracteres espeviates &H18T; » Comillas dobles angulares cerradas. &H1B8; &fracl4; Fraccién comin un cuarto = fraccion de un cuarto. &H1B9; &fracl2; Fraccién comun un medio = fraccién de un medio. «#190; &frack4; Fracci6n comun tres cuartos = fraccion de tres cuartos. e#191; Siquest; Signo de interrogaci6n invertido. 64338; eOBlig; Ligadura latina oe mayuscula. 44339; goelig; Ligadura latina oe minuscula. Š Š Letra latina S mayuscula con anticircunflejo. &H3535 ascarony Letra latina S minuscula con anticircunflejo. &H376; Ÿ Letra latina Y mayuscula con diéresis. ˆ °: Acento circunflejo. ˜ ˜ Tilde pequefia     Espacio fino. ‌ fawn}; Separador de anchura cero, 448205; ezwii Conector de anchura cero. e#8206; alrm; Marca de izquierda a derecha. £48207; &rims Marca de derecha a izquierda. &$8218; ‚ Comilla simple inferior. 82225 „ Comillas dobles inferiores. &HB224; † Daga. GHB225; ‡ Daga doble. @#8240; ‰ Por mil. 448245; ‹ Comilla simple angular abierta. 448250; › Comilla simple angular cerrada. Resumen Aunque la mayorfa de los documentos Web estan formados por caracteres estandar, en ocasiones pueden ser necesarios otros especiales o con diferentes acentos. A la hora de codificar los caracteres y el lenguaje, también podemos servirnos de las entidades de HTML para insertar estos caracteres especiales.HTML, XHTML y CSS El siguiente y tiltimo capitulo sobre HTML de esta seccién trata sobre la internacio- nalizacién. En los dos siguientes hablaremos de JavaScript y de DHTML, afadiendo la programaci6n a sus ya s6lidos conocimientos de HTML. En la parte Il veremos herramientas y otras utilidades y en la parte III analizaremos CSS con profundidad.}