Syntax und Semantik
Die Syntax sagt, wie man etwas richtig schreibt. Die Semantik sagt, was es bedeutet.
Das lernst du heute
- Ich kann Syntax und Semantik unterscheiden.
- Ich kann an Beispielen aus HTML sagen, ob Syntax und Semantik stimmen.
- Ich kann das auch an einem Programm in Pseudocode zeigen.
Das brauchst du schon: Vielleicht hilft dir zuerst eine dieser Lektionen: Fehlermeldungen verstehen, Überschriften, Absätze und Listen
Jede Sprache hat Regeln für die Schreibweise. Das ist die Syntax. In HTML gehört dazu: Tags stehen in spitzen Klammern, das End-Tag hat einen Schrägstrich, Attributwerte stehen in Anführungszeichen. Wer gegen eine dieser Regeln verstößt, macht einen Syntaxfehler.
Die Semantik ist die Bedeutung. Ein Quelltext kann richtig geschrieben sein und trotzdem Unsinn bedeuten. Ein Beispiel: Eine Zutatenliste, bei der die Reihenfolge egal ist, steht in einem ol-Element. Die Syntax stimmt. Aber ol sagt „Reihenfolge ist wichtig“. Das passt nicht. Auch für Programme gilt das. „setze summe auf 10 : 0“ ist richtig geschrieben. Aber man darf nicht durch 0 teilen. Beim Ausführen gibt es einen Fehler.
| Beispiel | Syntax richtig? | Semantik sinnvoll? |
|---|---|---|
| <p>Guten Morgen</p> | ja | ja |
| <h2>Guten Morgen<h2> | nein (Schrägstrich im End-Tag fehlt) | nicht beurteilbar |
| <ol> für eine Zutatenliste ohne Reihenfolge | ja | nein |
| setze auf punkte 5 | nein (Reihenfolge der Wörter) | nicht beurteilbar |
| setze summe auf 10 : 0 | ja | nein (Teilen durch 0) |
Syntax und Semantik prüfen
- Prüfe zuerst die Schreibweise. Das ist die Syntax.
- Beispiel: <h2>Guten Morgen<h2>. Das End-Tag hat keinen Schrägstrich. Syntaxfehler.
- Prüfe dann die Bedeutung. Beispiel: ol für eine Zutatenliste ohne Reihenfolge.
- Die Syntax stimmt, aber die Bedeutung passt nicht.
Ich verstehe das noch nicht
Such dir aus, was dir hilft.
Noch einfacher erklärt
Syntax: Wie schreibe ich es?
Semantik: Was bedeutet es?
Beides prüfen.
Ein Beispiel
Der Satz „Das Auto trinkt Suppe.“ ist richtig gebaut. Er ist aber unsinnig. So ist es auch beim Quelltext.
Schritt für Schritt
Wir prüfen die Zeile <h1>Unser Verein</h1>.
- Syntax: Start-Tag und End-Tag passen, das End-Tag hat einen Schrägstrich.
- Die Syntax ist richtig.
- Semantik: h1 ist eine Hauptüberschrift. Der Text ist ein Titel.
- Die Semantik passt.
Mit einem Bild erklärt
| Frage | Prüft |
|---|---|
| Ist es richtig geschrieben? | Syntax |
| Bedeutet es das Richtige? | Semantik |
Zur Grundlage zurück
- Fehlermeldungen verstehen – Du kennst Fehlermeldungen in Programmen.
- Überschriften, Absätze und Listen – Du kennst Überschriften und Listen.
Jetzt zusammen
Wir lösen die Aufgabe gemeinsam. Nutze die Hilfen, wenn du sie brauchst.
Zeig mir den ersten Schritt
Schau dir das End-Tag an.
Lösung ansehen
Lösung: ein Syntaxfehler
Jetzt du
Jetzt probierst du es allein.
Zeig mir den ersten Schritt
Trenne: richtig geschrieben und richtige Bedeutung.
Lösung ansehen
Lösung: Die Syntax stimmt, die Semantik passt nicht.
Tipp: Frage zuerst: Ist es richtig geschrieben? Frage danach: Bedeutet es das, was ich will?
Merksatz: Syntax = Regeln der Schreibweise. Semantik = Bedeutung. Beides muss stimmen.
Typischer Fehler: Viele glauben: Wenn der Browser die Seite zeigt, ist alles richtig. Browser zeigen oft auch Quelltext mit Fehlern oder falscher Bedeutung an.
Mini-Quiz
4 kurze Fragen, ohne Noten. Bei jeder Frage kannst du dir die Lösung ansehen.
Lösung ansehen
Lösung: Stimmt nicht
Lösung ansehen
Lösung: setze auf punkte 5
Lösung ansehen
Lösung: Man darf nicht durch 0 teilen.
Lösung ansehen
Lösung: Stimmt nicht
Geschafft
Die Syntax regelt die Schreibweise, die Semantik die Bedeutung. Ein Quelltext kann syntaktisch richtig und semantisch falsch sein.
Kannst du das schon?
Hake ab, was du schon kannst. Was noch fehlt, schaust du dir einfach noch einmal an.
Übungsheft Webseiten mit HTML
Kurz erklärt, 44 Aufgaben in drei Stufen und alle Lösungen. Kostenlos.
Das Heft ist für alle kostenlos – auch wenn gerade kein Geld dafür da ist. Wer es einrichten kann, unterstützt DYS+ Campus mit einem selbst gewählten Betrag. Freiwillig unterstützen