Cómo representar fracciones en HTML

En representación de fracciones en una página Web es diferente de la escritura a mano. Cuando se presentan fracciones en HTML, a menos que utilice una técnica dedicada, sus fracciones simplemente aparecer como números normales con una barra entre ellos. Existe una variedad de técnicas para mostrar fracciones en su estilo matemático más aceptado y el formato, todos ellos simple y fácil de usar. ¿Qué enfoque que tome dependerá de la gama de fracciones que desee mostrar.

Instrucciones

1 Mostrar sus fracciones usando sus entidades HTML. Un pequeño grupo de fracciones se incluye dentro del conjunto de caracteres ISO-8859-1, que se utiliza por defecto en la mayoría de los navegadores Web. Introduzca estas fracciones específicas utilizando un simple fragmento de código. Se puede hacer referencia a un símbolo de fracción en HTML utilizando su número de identidad o nombre. Por ejemplo, el "un cuarto" símbolo de fracción se puede insertar en una página HTML usando cualquiera de los siguientes fragmentos de código:

¼

¼

2 fracciones de visualización que no están contenidos dentro del conjunto estándar utilizando el formato HTML. Las etiquetas HTML "sup" y "sub" dictar que el texto debe mostrarse como superíndice y subíndice, respectivamente. Por tanto, puede utilizar estas etiquetas para la construcción de fracciones que no están contenidos dentro de la normal de símbolos fijado para las páginas HTML. Para representar la fracción "seis séptimas partes", por ejemplo, utilizar lo siguiente:

<Sup> 6 </ sup> / <sub> 7 </ sub>

Aunque esto aproximación visualmente la notación matemática normal, no es exactamente el mismo.

3 Use una combinación de HTML y CSS para mostrar sus fracciones. En lugar de utilizar las etiquetas HTML superíndice y subíndice, se puede llegar a algo que está más cerca de una pantalla fracción estándar utilizando el formato HTML en conjunción con código CSS. Para mostrar las fracciones "dos sextas partes" de esta manera, comenzar usando el siguiente código HTML:

<Span class = "top"> 2 </ span> / <span class = "fondo"> 6 </ span>

Los elementos superior e inferior en la fracción se muestran con diferentes atributos de clase, mientras que la barra de la fracción se indica mediante el número de entidad HTML exclusivo para ese tipo de carácter de barra. Este código HTML por sí sola no es suficiente para dar formato a la fracción de pantalla, por lo que necesita el código CSS, lo que proporciona más potente de control de formato, también.

4 Crear código CSS para mostrar sus fracciones. Dentro de sus declaraciones de estilo en la misma página o en una hoja de estilo separada, introduzca las siguientes declaraciones:

.parte superior {

font-size: 70%;

vertical-align: 0.7ex;

}

.fondo {

font-size: 70%;

vertical-align: -0.3ex;

}

Estas declaraciones dictan que los caracteres se colocan en una posición fija dentro de la línea en la que aparecen, creando la apariencia de una fracción.

5 Usar una variedad de las técnicas dentro de su página y probarlo en un navegador. Decidir el método que prefiera y utilizar el mismo para todas las fracciones en su página. Si usted tiene una mezcla de fracciones, algunas de las cuales no se puede denominar de usar entidades HTML, cambiar todos ellos a utilizar la misma técnica. Esto dará a su página un aspecto coherente y legible.

Consejos y advertencias

• No se preocupe si usted no siente que sus fracciones son perfectos en apariencia. Siempre que los usuarios puedan entender el texto, su mensaje será comunicada con eficacia.
• Usted puede encontrar que sus fracciones aparecen de manera diferente en diferentes navegadores web y en diferentes plataformas, por lo que la prueba completa es vital.