Skip to main content

Was sind Auszeichnungssprachen? - Web-Design

Auszeichnungssprachen: Wie lassen sich digitale Inhalte beschreiben? (Juni 2026)

Auszeichnungssprachen: Wie lassen sich digitale Inhalte beschreiben? (Juni 2026)
Anonim

Wenn Sie die Welt des Webdesigns erkunden, werden Sie zweifellos mit einer Reihe von Wörtern und Phrasen vertraut gemacht, die für Sie neu sind. Einer der Ausdrücke, die Sie wahrscheinlich hören werden, ist "Markup" oder vielleicht "Markup Language". Wie unterscheidet sich "Markup" von "Code" und warum verwenden manche Web-Profis diese Begriffe scheinbar austauschbar? Beginnen wir mit einem Blick auf eine "Auszeichnungssprache".

Schauen wir uns 3 Markup-Sprachen an

Nahezu jedes Akronym im Web, das eine "ML" enthält, ist eine "Auszeichnungssprache" (große Überraschung, dafür steht die "ML"). Auszeichnungssprachen sind die Bausteine, mit denen Webseiten oder alle Formen und Größen erstellt werden.

In Wirklichkeit gibt es weltweit viele verschiedene Auszeichnungssprachen. Für Webdesign und -entwicklung gibt es drei spezifische Auszeichnungssprachen, auf die Sie wahrscheinlich stoßen werden. Dies sind HTML, XML und XHTML.

Was ist eine Auszeichnungssprache?

So definieren Sie diesen Begriff richtig: Eine Markup-Sprache ist eine Sprache, die Text kommentiert, sodass der Computer diesen Text bearbeiten kann. Die meisten Auszeichnungssprachen sind für Menschen lesbar, da die Anmerkungen so geschrieben sind, dass sie sich vom Text selbst unterscheiden. Bei HTML, XML und XHTML sind dies beispielsweise die Markup-Tags < und >. Jeder Text, der in einem dieser Zeichen enthalten ist, wird als Teil der Auszeichnungssprache und nicht als Teil des kommentierten Texts betrachtet. Zum Beispiel:

Dies ist ein Textabschnitt, der in HTML geschrieben ist

Dieses Beispiel ist ein HTML-Absatz. Es besteht aus einem öffnenden Tag (

), ein schließendes Tag (

) und der tatsächliche Text, der auf dem Bildschirm angezeigt würde (dies ist der Text, der zwischen den beiden Tags enthalten ist). Jedes Tag enthält ein "kleiner als" und ein "großes als" Symbol, um es als Teil des Markups zu kennzeichnen.

Wenn Sie Text formatieren, der auf einem Computer oder einem anderen Gerät angezeigt werden soll, müssen Sie zwischen dem Text selbst und den Anweisungen für den Text unterscheiden. Das "Markup" enthält Anweisungen zum Anzeigen oder Drucken des Textes.

Markup muss nicht computerlesbar sein. Anmerkungen, die in gedruckter Form oder in einem Buch gemacht wurden, gelten ebenfalls als Markup. Beispielsweise werden viele Schüler in der Schule bestimmte Phrasen in ihren Lehrbüchern hervorheben. Dies zeigt an, dass der hervorgehobene Text wichtiger ist als der umgebende Text. Die Markierungsfarbe wird als Markup betrachtet.

Markup wird zu einer Sprache, wenn Regeln für das Schreiben und Verwenden dieses Markups festgelegt sind. Derselbe Schüler könnte seine eigene "Notiz-Markup-Sprache" haben, wenn er Regeln wie "lila Textmarker für Definitionen, gelber Textmarker für Prüfungsdetails" und Bleistiftanmerkungen am Rand für zusätzliche Ressourcen kodifiziert.

Die meisten Auszeichnungssprachen werden von einer externen Behörde für die Verwendung durch viele verschiedene Personen definiert. So funktionieren die Auszeichnungssprachen für das Web. Sie werden vom W3C oder World Wide Web Consortium definiert.

HTML - HyperText Markup Language

HTML oder HyperText Markup Language ist die Hauptsprache des Webs und die am häufigsten verwendete Sprache, mit der Sie als Webdesigner / -entwickler arbeiten werden. Es kann sogar die einzige Auszeichnungssprache sein, die Sie in Ihrer Arbeit verwenden.

Alle Webseiten sind in HTML geschrieben. HTML definiert, wie Bilder, Multimedia und Text in Webbrowsern angezeigt werden. Diese Sprache enthält Elemente, um Ihre Dokumente (Hypertext) zu verbinden und Ihre Webdokumente interaktiv zu gestalten (z. B. mit Formularen). Viele Leute nennen HTML "Website-Code", aber in Wahrheit handelt es sich tatsächlich nur um eine Auszeichnungssprache. Keiner der Begriffe ist absolut falsch und Sie werden hören, dass Personen, einschließlich Web-Profis, diese beiden Begriffe austauschbar verwenden.

HTML ist eine definierte Standard-Auszeichnungssprache. Es basiert auf SGML (Standard Generalized Markup Language). Diese Sprache verwendet Tags, um die Struktur Ihres Textes zu definieren. Elemente und Tags werden durch die Zeichen <und> definiert.

HTML ist zwar die mit Abstand beliebteste Markup-Sprache, die heutzutage im Web verwendet wird, ist jedoch nicht die einzige Wahl für die Webentwicklung. Als HTML entwickelt wurde, wurde es immer komplizierter und die Stil- und Inhalts-Tags wurden in einer Sprache zusammengefasst. Schließlich entschied das W3C, dass eine Trennung zwischen dem Stil einer Webseite und dem Inhalt erforderlich sei. Ein Tag, das nur den Inhalt definiert, bleibt in HTML, während Tags, die den Stil definieren, zugunsten von CSS (Cascading Style Sheets) nicht mehr empfohlen werden.

Die neueste nummerierte Version von HTML ist HTML5. Diese Version fügte HTML-Funktionen hinzu und beseitigte einige der von XHTML auferlegten Strenge (in Kürze mehr zur Sprache).

Die Art und Weise, wie HTML veröffentlicht wird, wurde mit dem Aufkommen von HTML5 geändert. Heute werden neue Funktionen und Änderungen hinzugefügt, ohne dass eine neue, nummerierte Version veröffentlicht werden muss. Die neueste Version der Sprache wird einfach als "HTML" bezeichnet.

XML - eXtensible Markup Language

Die eXtensible Markup Language ist die Sprache, auf der eine andere Version von HTML basiert. Wie HTML basiert auch XML auf SGML. Es ist weniger streng als SGML und strenger als einfaches HTML. XML bietet die Erweiterbarkeit, um verschiedene Sprachen zu erstellen.

XML ist eine Sprache zum Schreiben von Auszeichnungssprachen. Wenn Sie beispielsweise mit der Genealogie arbeiten, können Sie Tags mithilfe von XML erstellen, um Vater, Mutter, Tochter und Sohn in Ihrem XML folgendermaßen zu definieren: . Es gibt auch mehrere standardisierte Sprachen, die bereits mit XML erstellt wurden: MathML zur Definition von Mathematik, SMIL für die Arbeit mit Multimedia, XHTML und viele andere.

XHTML - erweiterte HyperText-Auszeichnungssprache

XHTML 1.0 wird in HTML 4.0 neu definiert, um den XML-Standard zu erfüllen. XHTML wurde im modernen Webdesign durch HTML5 und die seither erfolgten Änderungen ersetzt. Es ist unwahrscheinlich, dass Sie mit XHTML neuere Sites finden. Wenn Sie jedoch auf einer viel älteren Site arbeiten, können Sie XHTML auch in freier Wildbahn finden.

Es gibt keine großen Unterschiede zwischen HTML und XHTML, aber Sie werden Folgendes bemerken:

  • XHTML wird in Kleinbuchstaben geschrieben. HTML-Tags können zwar in Groß-, Klein- und Kleinschreibung geschrieben werden, XHTML-Tags müssen jedoch alle Kleinbuchstaben sein. (Hinweis: Viele Web-Profis schreiben HTML in Kleinbuchstaben, auch wenn dies nicht technisch erforderlich ist).
  • Alle XHTML-Elemente müssen ein End-Tag haben. Elemente mit nur einem Tag, z. B. und benötigen am Ende des Tags einen schließenden Schrägstrich (/): <> / >
    • <> / >
  • Alle Attribute müssen in XHTML in Anführungszeichen gesetzt werden. Einige Leute entfernen die Anführungszeichen um Attribute, um Platz zu sparen, aber sie sind für korrektes XHTML erforderlich.
  • XHTML setzt voraus, dass Tags korrekt verschachtelt sind. Wenn Sie ein Fett öffnen () Element und dann eine Kursivschrift () Element müssen Sie das kursive Element schließen () bevor Sie das Fett schließen (). (Beachten Sie, dass diese beiden Elemente als veraltet eingestuft wurden. HTML wird jetzt verwendet und anstelle von diesen beiden)
  • HTML-Attribute müssen einen Namen und einen Wert haben. Attribute, die in HTML eigenständig sind, müssen ebenfalls mit Werten deklariert werden, z. B. HR Attribut würde geschrieben werden noshade = "noshade".