Wenn Sie beginnen, die Welt von zu erkunden Web-Design, werden Sie zweifellos mit einer Reihe von Wörtern und Sätzen vertraut gemacht, die für Sie neu sind. Einer der Begriffe, die Sie wahrscheinlich hören werden, ist "Markup" oder vielleicht "Markup-Sprache". Wie unterscheidet sich "Markup" von "Code" und warum scheinen einige Webprofis diese Begriffe synonym zu verwenden? Beginnen wir damit, dass wir uns genau ansehen, was eine "Markup-Sprache" ist.
Dieses Beispiel ist ein HTML-Absatz. Es besteht aus einem öffnenden Tag (
), ein schließendes Tag (
) und den tatsächlichen Text, der auf dem Bildschirm angezeigt werden würde (dies ist der Text zwischen den beiden Tags). Jedes Tag enthält ein "kleiner als" und "größer als"-Symbol, um es als Teil des Markups zu kennzeichnen. Wenn Sie Text für die Anzeige auf einem Computer- oder anderen Gerätebildschirm formatieren, müssen Sie zwischen dem Text selbst und den Anweisungen für den Text unterscheiden. Das "Markup" ist die Anleitung zum Anzeigen oder Drucken des Textes.
Markup muss nicht computerlesbar sein. Anmerkungen in gedruckter Form oder in einem Buch gelten ebenfalls als Markup. Zum Beispiel heben viele Schüler in der Schule bestimmte Sätze in ihren Lehrbüchern hervor. Dies zeigt an, dass der hervorgehobene Text wichtiger ist als der umgebende Text. Die Hervorhebungsfarbe wird als Markup betrachtet.
Markup wird zu einer Sprache, wenn Regeln dafür festgelegt werden, wie dieses Markup geschrieben und verwendet wird. Derselbe Schüler könnte seine eigene „Notizen-Auszeichnungssprache“ haben, wenn er Regeln wie „violetter Textmarker ist“ kodifiziert für Definitionen ist der gelbe Textmarker für Prüfungsdetails und Bleistiftnotizen am Rand für zusätzliche Ressourcen.“
Die meisten Auszeichnungssprachen werden von einer externen Autorität 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.
Schauen wir uns 3 Auszeichnungssprachen an
Fast jedes Akronym im Web, das ein „ML“ enthält, ist eine „Markup Language“ (große Überraschung, dafür steht das „ML“). Auszeichnungssprachen sind die Bausteine, die zum Erstellen von Webseiten oder allen Formen und Größen verwendet werden.
In Wirklichkeit gibt es viele verschiedene Auszeichnungssprachen auf der Welt. 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?
Um diesen Begriff richtig zu definieren: Eine Auszeichnungssprache ist eine Sprache, die Text mit Anmerkungen versehen, damit 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 die Markup-Tags beispielsweise.
<
und.
>
Jeder Text, der innerhalb eines dieser Zeichen erscheint, wird als Teil der Auszeichnungssprache und nicht als Teil des kommentierten Textes betrachtet. Beispielsweise:
HTML – HyperText Markup Language
HTML oder HyperText Markup Language ist die primäre Sprache des Webs und die am häufigsten verwendete Sprache, mit der Sie als Webdesigner/-entwickler arbeiten. Tatsächlich ist dies möglicherweise die einzige Auszeichnungssprache, die Sie in Ihrer Arbeit verwenden.
Alle Webseiten sind in einer Art HTML geschrieben. HTML definiert die Art und Weise, 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 ist es nur eine Auszeichnungssprache. Keiner der Begriffe ist absolut falsch und Sie werden hören, dass Leute, einschließlich Webprofis, diese beiden Begriffe synonym verwenden.
HTML ist eine definierte Standard-Auszeichnungssprache. Es basiert auf SGML (Standard Generalized Markup Language). Es ist eine Sprache, die Tags verwendet, um die Struktur Ihres Textes zu definieren. Elemente und Tags werden durch die Zeichen < und > definiert.
Obwohl HTML heute bei weitem die beliebteste Auszeichnungssprache im Web ist, ist es nicht die einzige Wahl für die Webentwicklung. Als HTML entwickelt wurde, wurde es immer komplizierter und die Style- und Content-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, würde in HTML verbleiben, während Tags, die Stil definieren, zugunsten von CSS (Cascading Style Sheets) verworfen wurden.
Die neueste nummerierte Version von HTML ist HTML5. Diese Version fügte HTML weitere Funktionen hinzu und entfernte einige der Strenge, die XHTML auferlegte (mehr zu dieser Sprache in Kürze).
Die Art und Weise, wie HTML veröffentlicht wird, hat sich 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 HTML-Version basiert. Wie HTML basiert auch XML auf SGML. Es ist weniger streng als SGML und strenger als reines HTML. XML bietet die Erweiterbarkeit, um verschiedene verschiedene Sprachen zu erstellen.
XML ist eine Sprache zum Schreiben von Auszeichnungssprachen. Wenn Sie beispielsweise an der Genealogie arbeiten, können Sie Tags mit XML erstellen, um Vater, Mutter, Tochter und Sohn in Ihrem XML wie folgt zu definieren:. Es gibt auch mehrere standardisierte Sprachen, die bereits mit XML erstellt wurden: MathML zum Definieren von Mathematik, SMIL zum Arbeiten mit Multimedia, XHTML und viele andere.
XHTML — eXtended HyperText Markup Language
XHTML 1.0 ist HTML 4.0 neu definiert, um die XML Standard. XHTML wurde im modernen Webdesign durch HTML5 und die seither erfolgten Änderungen ersetzt. Es ist unwahrscheinlich, dass Sie neuere Sites finden, die XHTML verwenden, aber wenn Sie an einer viel älteren Site arbeiten, werden Sie möglicherweise immer noch auf XHTML in freier Wildbahn stoßen.
Es gibt nicht viele große Unterschiede zwischen HTML und XHTML, aber Sie werden Folgendes bemerken:
- XHTML wird in Kleinbuchstaben geschrieben. Während HTML-Tags können in GROSS-, MiXeD- oder Kleinbuchstaben geschrieben werden, um korrekt zu sein, XHTML-Tags müssen alle in Kleinbuchstaben geschrieben werden. (Viele Webprofis schreiben HTML in Kleinbuchstaben, obwohl dies technisch nicht erforderlich ist).
- Alle XHTML-Elemente müssen ein End-Tag haben. Elemente mit nur einem Tag, wie und benötigen einen abschließenden Schrägstrich (/) am Ende des Tags:
- Alle Attribute müssen in XHTML zitiert werden. Manche Leute entfernen die Anführungszeichen um Attribute, um Platz zu sparen, aber sie sind für korrektes XHTML erforderlich.
- XHTML erfordert, dass Tags richtig verschachtelt sind. Wenn Sie ein fett gedrucktes () Element und dann ein kursiv ()-Element müssen Sie das kursive Element (), bevor Sie das fette (). (Beachten Sie, dass diese beiden Elemente veraltet sind, da es sich um visuelle Elemente handelt. HTML verwendet jetzt und anstelle dieser 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, zum Beispiel würde das HR-Attribut noshade="noshade" geschrieben.