HTML

Aus ProgrammingWiki
Archivierte Version vom 2016-12-25T15:23:00+00:00. Aktuelle Version
WissenKönnenProjekt
  • Unterschied zwischen Strukturierung und Formatierung
  • Abgrenzung von logischer und physischer Formatierung
  • Notwendigkeit der Trennung von Inhalt und Layout
  • Neben HTML gibt es weitere spezialisierte Standards
  • Beherrschung grundlegender HTML Sprachelemente zur Strukturierung und Formatierung
  • Verwendung von MathML für formale Ausdrücke
  • Verwendung von SVG für vektorbasierte grafische Darstellungen
  • Formatierung des beschreibenden Texts
  • Hervorhebung von Schlagwörter, externe Links
  • Beschreibung der mathematischen Grundlagen des Spiels
  • Grafische Nachbildung der Sudokuspielfläche und Markierung relevanter Bereiche

Styling

Für Überschriften gibt es die Tags h1 bis h6. Diese Tags sind formatierend (Überschriften werden unterschiedlich dargestellt). Obwohl Überschriften im herkömmlichen Sinne strukturierend sind, haben Sie in HTML keine derartige Funktion.

Strukturierende Elemente gruppieren andere Elemente oder bringen sie anderweitig in einen logischen Zusammenhang. Die Tags header, content und footer haben z.B. keinen formatierenden Einfluss auf die darin enthaltenen Elemente, grenzen sie aber logisch voneinander ab. Ein universelles Abgrenzungselement ist das div-Element. Die Bedeutung der Abgrenzung kann hier durch den Programmierer selbst festgelegt werden. Ein weiterer universeller strukturierender Tag ist span. Im Unterschied zu div und anderen strukturierenden Elementen wird der Inhalt von span nicht in eine neue Zeile verschoben, sondern direkt in den Fluss integriert.

Die verschiedenen möglichen HTML-Tags können mitunter strukturierend und formatierend sein. Mit em z.B. wird der Inhalt logisch als "hervorgehoben" eingestuft ohne explizit eine bestimmte Art der Hervorhebung vorzugeben. Hier bleibt es u.U. den Browsern überlassen, wie diese Hervorhebung grafisch interpretiert wird.

MathML

MathML ist Teil des HTML5-Standards. Es reicht somit aus, einen zusammengehörigen formalen Ausdruck durch math Tags abzugrenzen. Auch MathML folgt dem XML-Standard und nutzt Elemente und Attribute. Es werden mit mi Variablen, mit mn Zahlen und mit mo Operatoren ausgezeichnet.

Hoch- und Tiefstellungen von Exponenten und Indizes werden durch msup und msub erreicht. Diese Elemente erwarten jeweils zwei Unterelemente für den Basiswert und den Exponenten bzw. Index. Komplexere zusammengehörige Ausdrücke können mit mrow gruppiert werden.

Klammerungen verschiedener Art können mit mfenced realisiert werden.

SVG

TODO: Fiddle "SVG"

Beispiellösung WE1-P2.zip