Wissenschaftliches Web 7 Min.

Struktur eines mathpad-Dokuments

Jedes mathpad-Dokument folgt einer einfachen, semantischen Hierarchie: ein Wurzelelement <mp-course>, ein Header-Block <mp-meta>, dann Kapitel und Abschnitte. Diese Seite beschreibt jeden Strukturtag und seine Attribute — der gemeinsame Bauplan all Ihrer Dokumente.

Anatomie eines Dokuments

Hier ist die typische Hierarchie eines mathpad-Dokuments — vereinfacht. Pflichtelemente sind fett, optionale Elemente normal:

<mp-course> ├── <mp-meta> │ ├── <mp-doc-title> │ ├── <mp-author> │ └── <mp-date> ├── <mp-toc> ← optional, automatisches Inhaltsverzeichnis ├── <mp-chapter> │ ├── <mp-title> │ ├── <mp-section> │ │ ├── <mp-title> │ │ ├── <mp-definition> │ │ ├── <mp-theorem> │ │ ├── <mp-exercise> │ │ └── ... │ └── <mp-subsection> │ └── ... └── <mp-chapter> └── ...

Automatisches Wrapping Wenn Sie pädagogische Inhalte (<mp-definition>, <mp-exercise>…) direkt im <body> platzieren, ohne sie in <mp-course> / <mp-chapter> einzubetten, wickelt mathpad.js sie automatisch ein, damit Sie die Themen-, Navigations- und Nummerierungssysteme erben. Sie können mit nur wenigen Tags loslegen.

`<mp-course>` — die Wurzel

Wickelt das gesamte Dokument ein. Aktiviert die automatische Nummerierung (Definition 1, Satz 2…), das Themensystem, die untere Navigationsleiste und die Themenauswahl.

Wichtige Attribute

Attribut	Werte	Beschreibung
lang	fr \| en \| de \| es	Sprache der automatischen Labels (Definition / Satz / Beispiel…)
theme	ocean · foret · lavande · corail · rose · ardoise · sepia · nuit · minuit · original · classique	Anfangsfarbpalette (Standard ocean)
theme-picker	on \| off	Zeigt oder versteckt die schwebende Schaltfläche zum Themenwechsel
navigation	auto \| on \| off	Untere Navigationsleiste (Standard auto = an, wenn ein `<mp-blank>` vorhanden ist)
credit	visible \| hidden	«Erstellt mit sarmate.net»-Link (Standard sichtbar — versteckt in den kostenpflichtigen Plänen)
vartable-scale	numerisch (0.2 – 3) oder compact \| normal \| large	Standardgröße für alle `<mp-vartable>`-Tochter (kann pro Tabelle überschrieben werden)
exercise-heading	stacked \| inline	«Übung 1 : Titel» auf einer Zeile (inline) oder gestapelt (Standard stacked)

HTML

<mp-course lang="de" theme="ocean" exercise-heading="inline" vartable-scale="0.85">
  ...
</mp-course>

`<mp-meta>` — Dokumentenkopf

Generiert einen großen Titelblock mit Farbverlauf (entspricht \maketitle in LaTeX). Akzeptiert <mp-doc-title>, optional <mp-author>, optional <mp-date>.

HTML

<mp-meta>
  <mp-doc-title>Lineare Funktionen</mp-doc-title>
  <mp-author>Vorname Nachname</mp-author>
  <mp-date>31-05-2026</mp-date>
</mp-meta>

`<mp-chapter>`, `<mp-section>`, `<mp-subsection>`

Drei Hierarchieebenen mit automatischer Nummerierung:

<mp-chapter> — oberste Ebene, römische Nummerierung (I, II, III…)
<mp-section> — pro Kapitel arabisch nummeriert (1, 2, 3…)
<mp-subsection> — nummeriert kap.sek.sous (1.1.1, 1.1.2…)

Jede Ebene erhält einen <mp-title> als ersten Tochter. Wichtig: <mp-section> muss ein direktes Kind eines <mp-chapter> sein (kein Geschwister), sonst erscheint sie nicht im Inhaltsverzeichnis.

HTML

<mp-chapter><mp-title>Funktionsanalyse</mp-title>

  <mp-section><mp-title>Definitionsbereich</mp-title>
    <!-- Inhalt -->
  </mp-section>

  <mp-section><mp-title>Variationen</mp-title>
    <mp-subsection><mp-title>Ableitung</mp-title>
      <!-- ... -->
    </mp-subsection>
  </mp-section>

</mp-chapter>

Pro-Tipp aus dem Editor Im Online-Editor fügt die Schaltfläche Kapitel / Abschnitt / Unterabschnitt ein vorausgefülltes Gerüst ein, mit einem Hinweis-Kommentar « Hier Ihre Abschnitte einfügen (mp-section) », der daran erinnert, die Hierarchie zu respektieren. Praktisch, wenn man von LaTeX kommt, wo \section / \subsection nebeneinander stehen.

`<mp-toc>` — automatisches Inhaltsverzeichnis

Generiert ein durchsuchbares Inhaltsverzeichnis aus den vorhandenen <mp-chapter> / <mp-section> / <mp-subsection>. Funktioniert mit KaTeX-Formeln in den Titeln.

Attribut	Werte	Beschreibung
depth	1 \| 2 \| 3	1 = nur Kapitel · 2 = + Abschnitte · 3 = + Unterabschnitte (Standard 3)
title	Beliebiger Text	Überschreibt das Standard-Label «Inhaltsverzeichnis»
layout	sidebar	Verankert die TOC seitlich (mit Highlight des aktiven Abschnitts beim Scrollen)

HTML

<mp-toc depth="3"></mp-toc>

Vollständiges Beispiel

Hier ist ein Mindestmaß an Struktur: Kopf + Inhaltsverzeichnis + ein Kapitel mit zwei Abschnitten.

HTML

<mp-course lang="de" theme="ocean">

  <mp-meta>
    <mp-doc-title>Wahrscheinlichkeitsverteilungen</mp-doc-title>
    <mp-author>Vorname Nachname</mp-author>
    <mp-date>31-05-2026</mp-date>
  </mp-meta>

  <mp-toc depth="2"></mp-toc>

  <mp-chapter><mp-title>Diskrete Verteilungen</mp-title>

    <mp-section><mp-title>Binomialverteilung</mp-title>
      <!-- Definitionen, Theoreme, Übungen… -->
    </mp-section>

    <mp-section><mp-title>Poisson-Verteilung</mp-title>
      <!-- ... -->
    </mp-section>

  </mp-chapter>

</mp-course>

Bereit, mathpad auszuprobieren?

Erstellen Sie Ihr erstes wissenschaftliches HTML-Dokument im Online-Editor, oder importieren Sie Ihren bestehenden LaTeX-Kurs in einem Klick.

Im Editor öffnen LaTeX importieren

← Vorherige Seite Erste Schritte Nächste Seite → Inline-Formatierung

Struktur eines mathpad-Dokuments

Anatomie eines Dokuments

<mp-course> — die Wurzel

Wichtige Attribute

<mp-meta> — Dokumentenkopf

<mp-chapter>, <mp-section>, <mp-subsection>

<mp-toc> — automatisches Inhaltsverzeichnis

Vollständiges Beispiel

Bereit, mathpad auszuprobieren?

`<mp-course>` — die Wurzel

`<mp-meta>` — Dokumentenkopf

`<mp-chapter>`, `<mp-section>`, `<mp-subsection>`

`<mp-toc>` — automatisches Inhaltsverzeichnis