jueves, 26 de agosto de 2010

Corantus

Nº 52

Fracciones en HTML

Hay 3 maneras de escribir fracciones en HTML:
· Usando la barra inclinada: 1/2, 2/3...
· Usando caracteres especiales: ½, ¼, ¾
· Usando la barra de fracciones: 110, 25, 34
A continuación, explicaremos cada uno de estos métodos.

Fracciones con la Barra Inclinada

La forma más rápida y sencilla de escribir fracciones en HTML es usando la barra inclinada (/):1/2, 2/3, 3/4, 16/58, 66/100...Esta no es la forma más elegante de escribir fracciones, pero es la más acequible de todas. La barra inclinada se puede encontrar en prácticamente todos los teclados, y no requiere mayor conocimiento para usarse. Además, da muy buenos resultados cuando se trata de escribir fracciones en línea, dentro de un párrafo.

El problema con este método es que el numerador y el denominador no aparecen donde deberían. El numerador debería estar más arriba, y el denominador debería estar más abajo. Además, la barra debería ser más inclinada.

Fracciones con Caracteres Especiales

Existen caracteres especiales que tienen la forma de fracciones: ½, ¼, ¾...Como estos caracteres no suelen aparecer en los teclados, para poder escribirlos es necesario usar sus referencias. Las referencias son valores numéricos (decimales o hexadecimales) que sirven para identificar a cada uno de los caracteres posibles. Para escribir fracciones usando sus referencias, sólo hay que escribir la referencia correspondiente dentro del código HTML, en el lugar donde se quiere que aparezca la fracción. Por ejemplo, el código HTML<p>2&#189; cucharadas</p>aparecerá en pantalla como2½ cucharadasLa referencia para la fracción ½ (un medio, mitad) es todo lo que en el ejemplo anterior aparece en negritas (&#189;). También se puede usar su referencia hexadecimal: &#xBD;.

Adicionalmente, el lenguaje HTML tiene tres entidades para escribir fracciones (las entidades son referencias diseñadas para ser de fácil recordación, al menos para las personas que hablan inglés). Las entidades HTML, así como las referencias decimales y hexadecimales, aparecen en la tabla de más abajo.

El problema con este método es que no todos los navegadores soportan todas las referencias. Las más ampliamente soportadas son las entidades y las referencias decimales.

Referencias HTML para Fracciones
FracciónReferencia DecimalReferencia HexadecimalEntidad HTML
½&#189;&#xBD;&frac12;
&#8531;&#2153;
&#8532;&#2154;
¼&#188;&#xBC;&frac14;
¾&#190;&#xBE;&frac34;
&#8533;&#2155;
&#8534;&#2156;
&#8535;&#2157;
&#8536;&#2158;
&#8537;&#2159;
&#8538;&#215A;
&#8528;&#2150;
&#8539;&#215B;
&#8540;&#215C;
&#8541;&#215D;
&#8542;&#215E;
&#8543;&#215F;
&#8529;&#2151;
&#8530;&#2152;

Fracciones con la Barra de Fracciones

Existe un carácter (⁄) llamado barra de fracciones, que se usa para escribir fracciones.12, 34, 2534, 65133La barra de fracciones se puede escribir usando su identidad HTML (&frasl;) o su referencia decimal (&#8260;) o hexadecimal (&#x2044;). Pero la barra de fracciones por sí sola no es suficiente. Es necesario usar las etiquetas <sup> y <sub> del HTML para ubicar correctamente el numerador y el denominador de la fracción, respectivamente. Así, el código HTML<p>2<sup>1</sup>&frasl;<sub>2</sub> kilos<p>aparecerá en pantalla como212 kilosEsta barra es útil para escribir fracciones que no tienen una referencia de caracter propia.

Temas Relacionados

  • No hay temas relacionados.

Comentarios

Jose
Miércoles, 26 de octubre de 2011 - 1:03 am

Excelente, muy bueno, eh. pero en algunas ocasiones el html los muestra como cuadritos deberias indicar con que formato debe estar el meta, exitos y felicitaciones por tu post... cuidate

Formulario de Comentario

Los comentarios serán evaluados antes de ser publicados. Los mensajes publicitarios y los comentarios fuera de lugar serán rechazados. La publicación de los comentarios aprobados podría tardar más de 24 horas. Envíe sus comentarios sólo una vez.

Nombre:


Correo electrónico (no será publicado):


Comentario:




Buscar

Para buscar una página en particular, por favor, diríjase al índice alfabético o temático.

Publicidad

© Corantus 2008-2012