{"id":2712,"date":"2026-10-27T23:29:55","date_gmt":"2026-10-27T22:29:55","guid":{"rendered":"https:\/\/quantenfrosch.at\/blog\/?p=2712"},"modified":"2026-10-27T23:45:33","modified_gmt":"2026-10-27T22:45:33","slug":"mathematische-zeichen-im-web","status":"publish","type":"post","link":"https:\/\/quantenfrosch.at\/blog\/mathematische-zeichen-im-web\/","title":{"rendered":"Mathematische Zeichen im Web"},"content":{"rendered":"

Von Widmanns Pluszeichen zu Unicode, MathML und LaTeX in WordPress<\/h2>\n

Bis ins sp\u00e4te Mittelalter wurden Rechenoperationen ausgeschrieben. Wer addieren wollte, formulierte das in Worten, und wer eine l\u00e4ngere Rechnung festhielt, brauchte daf\u00fcr ganze S\u00e4tze. Die kompakte Notation, die heute jedes Schulkind verwendet, ist deutlich j\u00fcnger als die Mathematik selbst, und sie hat Jahrhunderte gebraucht, bis \u00fcberall dasselbe Zeichen dieselbe Operation bedeutete.<\/p>\n

Im Web wiederholt sich diese Geschichte im Kleinen. Ein Pluszeichen in einen Blogbeitrag zu tippen, ist trivial. Ein echtes Minuszeichen, ein Bruch oder eine ganze Formel dagegen stellen jede Website vor die Frage, wie die Notation technisch in den Browser kommt. Wer dabei Oberfl\u00e4chen oder Dokumentation aus dem Englischen \u00fcbernimmt, stolpert zus\u00e4tzlich \u00fcber die Begriffe: Eine \u00dcbersicht, wie \u00absign\u00bb im \u00f6sterreichischen Deutsch je nach Zusammenhang \u00fcbersetzt wird, gibt es auf Signs AT<\/a>.<\/p>\n

\"Mathematische<\/a><\/p>\n

F\u00fcnf Jahrhunderte Notation in Kurzform<\/b><\/h2>\n

Den Anfang machten die beiden Zeichen, die heute am selbstverst\u00e4ndlichsten wirken. Widmann f\u00fchrte 1489 die Symbole \u201e+\u201c und \u201e\u2212\u201c in gedruckter Form ein. Knapp siebzig Jahre sp\u00e4ter folgte das Gleichheitszeichen: Recorde schlug es 1557 vor und begr\u00fcndete seine Wahl ausdr\u00fccklich, zwei parallele Linien seien einander maximal \u00e4hnlich. F\u00fcr mich ist das eine der wenigen Stellen, an denen sich der Erfinder eines Symbols selbst erkl\u00e4rt hat.<\/p>\n

Bei den \u00fcbrigen Zeichen ist die Herleitung unterschiedlich gut belegt:<\/p>\n

    \n
  • \u221e<\/b> taucht 1655 bei Wallis auf. Eine verbreitete Deutung leitet die Form aus der r\u00f6mischen Schreibweise f\u00fcr Tausend ab.<\/li>\n
  • \u03c0<\/b> wurde 1706 von Jones vorgeschlagen und durch Euler allgemein durchgesetzt. Der Buchstabe geht auf das griechische perimetros zur\u00fcck, also den Umfang.<\/li>\n
  • %<\/b> stammt aus dem Italienischen. Aus per cento entwickelte sich \u00fcber die Kurzform \u201epc\u201c die heutige Schreibweise.<\/li>\n
  • \u00f7<\/b> tr\u00e4gt den Fachnamen Obelus. Antike Textgelehrte markierten damit Stellen, die sie f\u00fcr unecht hielten, lange bevor es in der Rechenpraxis auftauchte.<\/li>\n<\/ul>\n

    Verbindlich wurde die Notation erst im 18. und 19. Jahrhundert. Bis dahin konnte dasselbe Zeichen in unterschiedlichen Druckereien f\u00fcr verschiedene Operationen stehen. Genau dieses Problem, ein Zeichen, mehrere m\u00f6gliche Bedeutungen, kehrt bei der Darstellung im Web wieder, nur hei\u00dfen die Druckereien heute Zeichensatz, Browser und Plugin.<\/p>\n

    Ebene 1: Unicode und HTML-Entities<\/b><\/h2>\n

    F\u00fcr einzelne Zeichen im Flie\u00dftext ist keine Formel-Technik n\u00f6tig. Jedes mathematische Zeichen hat in Unicode einen eigenen Codepunkt, und f\u00fcr die g\u00e4ngigsten gibt es in HTML benannte Entities. Damit lassen sich Prozentangaben, Preisvergleiche oder eine Ungleichung im Text sauber setzen.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    Zeichen<\/b><\/td>\nEnglisch<\/b><\/td>\nDeutsch (AT)<\/b><\/td>\nUnicode<\/b><\/td>\nHTML<\/b><\/td>\nLaTeX<\/b><\/td>\n<\/tr>\n
    +<\/td>\nplus sign<\/td>\nPluszeichen<\/td>\nU+002B<\/td>\n+<\/td>\n+<\/td>\n<\/tr>\n
    \u2212<\/td>\nminus sign<\/td>\nMinuszeichen<\/td>\nU+2212<\/td>\n&minus;<\/td>\n–<\/td>\n<\/tr>\n
    =<\/td>\nequals sign<\/td>\nGleichheitszeichen<\/td>\nU+003D<\/td>\n=<\/td>\n=<\/td>\n<\/tr>\n
    \u00d7<\/td>\nmultiplication sign<\/td>\nMultiplikationszeichen, Malzeichen<\/td>\nU+00D7<\/td>\n&times;<\/td>\n\\times<\/td>\n<\/tr>\n
    \u00f7<\/td>\ndivision sign<\/td>\nDivisionszeichen<\/td>\nU+00F7<\/td>\n&divide;<\/td>\n\\div<\/td>\n<\/tr>\n
    \u00b1<\/td>\nplus-minus sign<\/td>\nPlusminuszeichen<\/td>\nU+00B1<\/td>\n&plusmn;<\/td>\n\\pm<\/td>\n<\/tr>\n
    \u2260<\/td>\nnot equal to<\/td>\nUngleichheitszeichen<\/td>\nU+2260<\/td>\n&ne;<\/td>\n\\neq<\/td>\n<\/tr>\n
    <<\/td>\nless-than sign<\/td>\nKleiner-als-Zeichen<\/td>\nU+003C<\/td>\n&lt;<\/td>\n<<\/td>\n<\/tr>\n
    ><\/td>\ngreater-than sign<\/td>\nGr\u00f6\u00dfer-als-Zeichen<\/td>\nU+003E<\/td>\n&gt;<\/td>\n><\/td>\n<\/tr>\n
    \u221e<\/td>\ninfinity<\/td>\nUnendlichkeitszeichen<\/td>\nU+221E<\/td>\n&infin;<\/td>\n\\infty<\/td>\n<\/tr>\n
    \u03c0<\/td>\npi<\/td>\nPi<\/td>\nU+03C0<\/td>\n&pi;<\/td>\n\\pi<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Auff\u00e4llig ist die Regelm\u00e4\u00dfigkeit in den beiden Sprachspalten: Im Englischen steht durchgehend \u201esign\u201c als zweites Glied, im Deutschen durchgehend \u201e-zeichen\u201c. Bei \u201e<\u201c und \u201e>\u201c ist die Entity in HTML \u00fcbrigens keine Stilfrage, weil beide Zeichen sonst als Beginn oder Ende eines Tags gelesen werden k\u00f6nnen.<\/p>\n

    Der Bindestrich ist kein Minus<\/b><\/h3>\n

    Der h\u00e4ufigste Fehler auf Websites mit Zahlen ist unscheinbar. Das Zeichen, das die Tastatur beim Strich liefert, ist der Bindestrich-Minus mit dem Codepunkt U+002D. Er ist ein Kompromiss aus der Zeit der Schreibmaschinen und fr\u00fchen Zeichenkodierungen, in denen Bindestrich, Minus und verschiedene Striche auf einer einzigen Taste lagen, weil sie \u00e4hnlich aussahen. ASCII hat diesen Doppelcharakter schon im Namen festgeschrieben.<\/p>\n

    Das eigentliche Minuszeichen ist U+2212, in HTML &minus;. In den meisten Schriften entspricht es in H\u00f6he und L\u00e4nge dem Pluszeichen, w\u00e4hrend der Bindestrich-Minus eher dem gew\u00f6hnlichen Bindestrich gleicht. Wer Temperaturen, Kursver\u00e4nderungen oder Rechenwege darstellt, sieht den Unterschied sofort, sobald Plus und Minus untereinander stehen.<\/p>\n

    Es ist eine bemerkenswerte Parallele zur Druckgeschichte: F\u00fcnfhundert Jahre nach Widmann teilen sich Minus und Bindestrich auf vielen Websites wieder dasselbe Zeichen, so wie fr\u00fcher ein Symbol in verschiedenen Werkst\u00e4tten Verschiedenes bedeuten konnte.<\/p>\n

    Ebene 2: MathML direkt im Browser<\/b><\/h2>\n

    Sobald aus einzelnen Zeichen eine Formel wird, reicht Unicode nicht mehr. Ein Bruch, eine Hochzahl oder eine Wurzel braucht Struktur. Daf\u00fcr gibt es MathML, eine XML-basierte Sprache zur Beschreibung mathematischer Notation.<\/p>\n

    F\u00fcr Browser ma\u00dfgeblich ist heute MathML Core, eine Teilmenge, die eigens daf\u00fcr zugeschnitten ist, mit HTML, CSS, DOM und JavaScript zusammenzuarbeiten. Die Geschichte dahinter ist holprig verlaufen. Aus der Chromium-Engine war MathML 2013 entfernt worden und kam erst mit Chrome 109 im J\u00e4nner 2023 zur\u00fcck. Seither ist MathML nach Angaben von MDN in allen g\u00e4ngigen Browsern verf\u00fcgbar und gilt als \u201eBaseline: Widely available\u201c.<\/p>\n

    Ein einfaches Beispiel, die Zahl \u03c0\u00b2 durch 6:<\/p>\n

    <p>
    \nDie reelle Zahl
    \n<math>
    \n<mfrac>
    \n<msup>
    \n<mi>\u03c0<\/mi>
    \n<mn>2<\/mn>
    \n<\/msup>
    \n<mn>6<\/mn>
    \n<\/mfrac>
    \n<\/math>
    \nist irrational.
    \n<\/p><\/p>\n

    Die Elemente sind sprechend benannt: <mi> steht f\u00fcr einen Bezeichner, <mn> f\u00fcr eine Zahl, <mo> f\u00fcr einen Operator, <mfrac> f\u00fcr einen Bruch und <msup> f\u00fcr eine Hochstellung. Das Attribut display am <math>-Element entscheidet \u00fcber die Darstellung. Ohne Angabe gilt inline, die Formel steht im Textfluss. Mit display=“block“ erscheint sie abgesetzt in einem eigenen Block. Zus\u00e4tzlich hat <math> die implizite ARIA-Rolle math, sodass assistive Technologien den Inhalt als mathematischen Ausdruck erkennen k\u00f6nnen.<\/p>\n

    Der Vorteil liegt auf der Hand: kein JavaScript, keine externe Bibliothek, keine Abh\u00e4ngigkeit von einem fremden Server. Der Nachteil ebenso, denn MathML von Hand zu schreiben ist m\u00fchsam, und schon eine mittelgro\u00dfe Formel f\u00fcllt viele Zeilen.<\/p>\n

    Ebene 3: LaTeX-Syntax mit JavaScript-Bibliotheken<\/b><\/h2>\n

    Wer regelm\u00e4\u00dfig Formeln ver\u00f6ffentlicht, schreibt sie in der Regel in LaTeX-Syntax und \u00fcberl\u00e4sst die Darstellung einer Bibliothek. Zwei Projekte dominieren dieses Feld.<\/p>\n

    MathJax<\/b> ist am 5. August 2025 in Version 4.0.0 erschienen. Die neue Version bringt eine Standardschrift mit deutlich gr\u00f6\u00dferer Zeichenabdeckung, Unterst\u00fctzung f\u00fcr elf weitere Schriften und Zeilenumbr\u00fcche sowohl in Formeln im Flie\u00dftext als auch in abgesetzten Formeln. F\u00fcr die Barrierefreiheit ist der Expression Explorer nun standardm\u00e4\u00dfig aktiv, die Sprachausgabe l\u00e4uft in einem eigenen Web-Worker.<\/p>\n

    KaTeX<\/b> setzt auf Geschwindigkeit. Die Bibliothek rendert synchron, ohne einen erneuten Reflow der Seite zu erzwingen, orientiert sich im Layout an TeX und kommt ohne Abh\u00e4ngigkeiten aus. F\u00fcr Websites besonders interessant ist das serverseitige Rendering: Weil die Ausgabe unabh\u00e4ngig vom Browser gleich ist, l\u00e4sst sich eine Formel mit Node.js vorab in HTML umwandeln.<\/p>\n

    const html = katex.renderToString(„c = \\\\pm\\\\sqrt{a^2 + b^2}“, {<\/p>\n

    throwOnError: false<\/p>\n

    });<\/p>\n

    Wird alles auf dem Server gerendert, braucht der Client kein JavaScript mehr, wohl aber das CSS und die Schriftdateien von KaTeX. Mit throwOnError: false erscheint fehlerhafte Eingabe als roter TeX-Quelltext, statt die Seite zu st\u00f6ren.<\/p>\n

    LaTeX in WordPress: vier Wege und ihr Zustand<\/b><\/h2>\n

    In WordPress landet man meist bei einem Plugin. Ich habe mir die verbreiteten Varianten angesehen, und der Befund ist ern\u00fcchternder als erwartet.<\/p>\n

    Jetpack Math-Block (fr\u00fcher LaTeX).<\/b> Die Funktion ist standardm\u00e4\u00dfig deaktiviert und wird unter Jetpack \u2192 Einstellungen \u2192 Schreiben im Abschnitt Verfassen eingeschaltet. Formeln werden in $latex … $ geschrieben, zum Beispiel latexr2. Dargestellt werden sie als Bilder, die von s0.wp.com\/latex.php geladen werden. Die Gr\u00f6\u00dfe l\u00e4sst sich mit &s= von \u22124 bis 4 steuern, Hinter- und Vordergrundfarbe mit &bg= und &fg= als Hex-Wert. Verf\u00fcgbar sind die Pakete amsmath, amsfonts und amssymb, Umgebungen wie align funktionieren dagegen nicht.<\/p>\n

    KaTeX (Tom Churchman).<\/b> Das Plugin bindet die KaTeX-Bibliothek in Version 0.16.22 ein und rendert im Browser der Besucherinnen und Besucher. Formeln werden per Shortcode [katex]…[\/katex] gesetzt, f\u00fcr abgesetzte Formeln mit display=true. Dazu gibt es einen Gutenberg-Block mit Vorschau direkt im Editor.<\/p>\n

    MathJax-LaTeX.<\/b> Mit \u00fcber 10.000 aktiven Installationen das verbreitetste der hier genannten Plugins aus dem Verzeichnis. Es unterst\u00fctzt [latex]…[\/latex], die native MathJax-Syntax und die Schreibweise latex…. Die letzte Aktualisierung liegt rund zwei Jahre zur\u00fcck.<\/p>\n

    WP LaTeX.<\/b> Erzeugt PNG-Bilder, entweder \u00fcber den LaTeX-Server von WordPress.com oder \u00fcber eine eigene LaTeX-Installation am Webserver. Getestet ist es laut Pluginverzeichnis bis WordPress 4.1.<\/p>\n\n\n\n\n\n\n\n
    L\u00f6sung<\/b><\/td>\nDarstellung<\/b><\/td>\nSyntax<\/b><\/td>\nAktive Installationen<\/b><\/td>\n<\/tr>\n
    Jetpack Math-Block<\/td>\nBild von WordPress.com<\/td>\nlatex…<\/td>\nTeil von Jetpack<\/td>\n<\/tr>\n
    KaTeX<\/td>\nim Browser, KaTeX 0.16.22<\/td>\n[katex], Block<\/td>\n2.000+<\/td>\n<\/tr>\n
    MathJax-LaTeX<\/td>\nim Browser, MathJax<\/td>\n\n

    [latex],<\/p>\n

    …<\/td>\n

    		10.000+<\/td>\n<\/tr>\n
    WP LaTeX<\/td>\nPNG-Bild<\/td>\n[latex], latex…<\/td>\n700+<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Hinweis: F\u00fcr die drei Plugins aus dem Verzeichnis weist WordPress.org im Oktober 2026 darauf hin, dass sie mit den letzten drei Hauptversionen von WordPress nicht getestet wurden. Das bedeutet nicht zwingend, dass sie nicht funktionieren, wohl aber, dass vor dem Einsatz auf einer Produktivseite ein Test auf einer Staging-Umgebung angebracht ist.<\/p>\n

    Welche Variante f\u00fcr welchen Zweck<\/b><\/h2>\n

    Die Wahl h\u00e4ngt vor allem davon ab, wie viel Mathematik eine Website tats\u00e4chlich enth\u00e4lt.<\/p>\n

      \n
    • Einzelne Zeichen im Text<\/b>, etwa Prozentangaben, Preisspannen oder ein Malzeichen bei Abmessungen: Unicode und HTML-Entities, ohne jedes Plugin.<\/li>\n
    • Wenige Formeln ohne zus\u00e4tzliche Abh\u00e4ngigkeiten:<\/b> MathML direkt im HTML, seit J\u00e4nner 2023 in allen g\u00e4ngigen Browsern darstellbar.<\/li>\n
    • Viele Formeln oder Autorinnen und Autoren, die LaTeX gewohnt sind:<\/b> KaTeX oder MathJax, bei KaTeX auf Wunsch serverseitig vorgerendert.<\/li>\n
    • Bestehende Jetpack-Installation:<\/b> Der Math-Block ist schnell aktiviert, liefert aber Bilder von einem externen Server statt Text, der sich markieren und kopieren l\u00e4sst.<\/li>\n<\/ul>\n

      Zeichen, Symbol, Schild: die Begriffe in Doku und Oberfl\u00e4che<\/b><\/h2>\n

      Wer Plugin-Oberfl\u00e4chen, Fehlermeldungen oder Dokumentation aus dem Englischen \u00fcbersetzt, trifft auf ein Wort, das im Deutschen mehrere Entsprechungen hat. Im mathematischen Zusammenhang hei\u00dft es Zeichen oder Symbol, je nachdem, ob die Operation oder die Darstellung gemeint ist. Ein \u201eplus sign\u201c ist ein Pluszeichen, niemals ein Plusschild. Das Schild geh\u00f6rt an die T\u00fcr oder an die Fassade.<\/p>\n

      Die Faustregel, die in den meisten F\u00e4llen tr\u00e4gt: Steht das Zeichen auf Papier oder am Bildschirm und bezeichnet eine Operation, hei\u00dft es Zeichen. H\u00e4ngt es an einer Wand und informiert Menschen, hei\u00dft es Schild.<\/p>\n

      H\u00e4ufig gestellte Fragen<\/b><\/h2>\n

      Warum sieht mein Minuszeichen k\u00fcrzer aus als das Plus?<\/b> Vermutlich steht im Text der Bindestrich-Minus U+002D von der Tastatur. Das echte Minuszeichen ist U+2212 und l\u00e4sst sich in HTML als &minus; schreiben.<\/p>\n

      Brauche ich f\u00fcr Formeln noch eine JavaScript-Bibliothek?<\/b> Nicht zwingend. MathML ist seit J\u00e4nner 2023 in allen g\u00e4ngigen Browsern verf\u00fcgbar. Bibliotheken wie KaTeX oder MathJax lohnen sich vor allem dann, wenn Formeln in LaTeX-Syntax geschrieben werden sollen.<\/p>\n

      Warum erscheinen Formeln aus dem Jetpack Math-Block als Bild?<\/b> Weil Jetpack die Formeln \u00fcber s0.wp.com\/latex.php als Bild ausliefert. Das funktioniert ohne Einrichtung, die Formel ist dann aber kein markierbarer Text.<\/p>\n

      Was ist der Unterschied zwischen KaTeX und MathJax?<\/b> KaTeX ist auf schnelles, synchrones Rendering ausgelegt und l\u00e4sst sich serverseitig vorrendern. MathJax hat mit Version 4.0 vor allem bei Schriften, Zeilenumbr\u00fcchen und Barrierefreiheit nachgelegt.<\/p>\n

      Fazit<\/b><\/h2>\n

      Ehrlich gesagt hat mich bei der Recherche am meisten \u00fcberrascht, wie sehr sich die Geschichte wiederholt. Zwischen Widmanns erstem gedruckten Pluszeichen und einer verbindlichen Notation lagen rund dreihundert Jahre, und auch im Web hat es von der Entfernung aus Chromium 2013 bis zur R\u00fcckkehr 2023 ein Jahrzehnt gedauert, bis Formeln \u00fcberall ohne Umweg dargestellt werden konnten. F\u00fcr die Praxis hei\u00dft das: einzelne Zeichen sauber per Unicode setzen, f\u00fcr echte Formeln MathML oder eine Bibliothek w\u00e4hlen, und bei WordPress-Plugins vor dem Einsatz genau auf den Pflegezustand schauen.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Von Widmanns Pluszeichen zu Unicode, MathML und LaTeX in WordPress Bis ins sp\u00e4te Mittelalter wurden Rechenoperationen ausgeschrieben. Wer addieren wollte, formulierte das in Worten, und wer eine l\u00e4ngere Rechnung festhielt,<\/p>\n","protected":false},"author":4,"featured_media":2714,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":""},"categories":[12],"tags":[35],"class_list":["post-2712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-design"],"_links":{"self":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/2712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/comments?post=2712"}],"version-history":[{"count":5,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/2712\/revisions"}],"predecessor-version":[{"id":2720,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/2712\/revisions\/2720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media\/2714"}],"wp:attachment":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media?parent=2712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/categories?post=2712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/tags?post=2712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}