Wie Brüche in HTML darstellen

Die Brüche in einer Webseite darstellen unterscheidet sie von hand zu schreiben. Wenn Brüche in HTML angezeigt werden, wenn Sie eine spezielle Technik verwenden, erscheint Ihre Brüche einfach als normale Zahlen mit einem Schrägstrich dazwischen. Eine Vielzahl von Techniken existieren, um Brüche in ihren mehr anzeigen akzeptiert mathematische Stil und Formatierung, alle von ihnen einfach und leicht zu bedienen. Welche Vorgehensweise Sie nehmen hängt von den Bereich der Brüche, die Sie anzeigen möchten.

Anweisungen

1 Zeigen Sie Ihre Fraktionen über die HTML-Entitäten. Ein kleiner Satz von Brüchen ist enthalten in den ISO-8859-1-Zeichensatz, der standardmäßig in den meisten Webbrowsern verwendet wird. Geben Sie diese bestimmten Fraktionen, über einen einfachen Code-Ausschnitt. Sie können auf ein Bruchteil-Symbol im HTML-Format mit seiner Einheit Nummer oder Namen verweisen. Beispielsweise kann das "ein Viertel" Bruch-Symbol in eine HTML-Seite mit einer der folgenden Code-Auszüge eingefügt:

¼

¼

2 Display-Brüche, die nicht im Standard enthalten sind mit HTML-Markup festgelegt. Das HTML-tags "Sup" und "sub" diktieren, dass Text als hochgestellt und tiefgestellt bzw. angezeigt werden soll. Diese Tags können Sie also um Brüche, die nicht innerhalb der normalen Symbolsatz für HTML-Seiten enthalten zu konstruieren. Um den Bruch darzustellen "sechs Siebtel," z. B. die folgenden:

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

Obwohl dies optisch die üblichen mathematische Notation ungefähre, ist es nicht genau das gleiche.

3 Verwenden Sie eine Kombination aus HTML und CSS, um Ihre Brüche anzuzeigen. Anstatt die HTML Hochgestellt und tiefgestellt Markierungen, kommen Sie auf etwas, die näher an eine Norm Bruch-Anzeige mit HTML-Markup in Verbindung mit CSS-Code. Um den Bruch "zwei Sechstel" auf diese Weise anzuzeigen, starten Sie mithilfe des folgenden HTML-Markups:

< span Class = "top" > 2 < / Span > ⁄ < span Class = "unten" > 6 < / Span >

Die oberen und unteren Elemente in den Bruch werden mit verschiedene Class-Attribute aufgelistet, während der Slash für den Bruch mit der dedizierten HTML-Entität-Anzahl für diese Art von Schrägstrich angegeben ist. Diesen HTML-Code allein reicht nicht aus, um den Bruch für die Anzeige zu formatieren, müssen Sie CSS-Code, die leistungsfähigere Steuerelement formatieren, auch bietet.

4 Erstellen Sie CSS-Code um Ihre Brüche anzuzeigen. Innerhalb Ihrer Formatdeklarationen auf der gleichen Seite oder in einem separaten Stylesheet geben Sie die folgenden Deklarationen:

.Top {}

Schriftgröße: 70 %;

vertikal ausrichten: 0.7ex;

}

{.bottom}

Schriftgröße: 70 %;

vertikal ausrichten:-0.3ex;

}

Diese Deklarationen vorschreiben, dass die Zeichen an einer festgelegten Position innerhalb der Zeile platziert werden, in der sie angezeigt werden, erstellen die Darstellung einer Bruchzahl.

5 Verwenden Sie eine Vielzahl von Techniken in Ihre Seite und testen Sie es in einem Browser. Entscheiden Sie, welche Methode Sie bevorzugen und das gleiche für alle Brüche auf Ihrer Seite verwenden. Haben Sie eine Mischung aus Fraktionen, von die einige bezeichnet werden kann nicht mithilfe von HTML-Entities, ändern Sie das gleiche Verfahren verwenden. Dies wird Ihre Seite eine konsistente, lesbare Darstellung geben.

Tipps & Warnungen

• Keine Sorge, wenn Sie nicht das Gefühl, dass Ihre Brüche sind perfekt in Erscheinung. Solange der Benutzer den Text verstehen können, wird Ihre Nachricht effektiv mitzuteilen.
• Sie können feststellen, dass Ihre Fraktionen unterschiedlich in verschiedenen Web-Browsern und auf verschiedenen Plattformen erscheinen, also umfassende Tests wichtig ist.