Webstandards – Lernen Sie die Trennung von Struktur und Präsentation zu verstehen

Webstandards – Lernen Sie die Trennung von Struktur und Präsentation zu verstehen
Bei Diskussionen über Webstandards kommt immer wieder die Bedeutung der Trennung von Struktur und Präsentation zur Sprache.

Den Unterschied zwischen Struktur und Präsentation zu verstehen, kann zunächst schwierig sein, insbesondere wenn Sie es nicht gewohnt sind, über die semantische Struktur von Dokumenten nachzudenken.

Es ist jedoch wichtig, dies zu verstehen, da sich die Präsentation mithilfe eines CSS-Dokuments leichter steuern lässt, wenn Struktur und Präsentation getrennt sind.

Die Struktur besteht aus dem Hauptteil des Dokuments sowie semantischen und strukturellen Tags.

Die Präsentation ist der Stil, den Sie Ihren Inhalten geben. In den meisten Fällen bestimmt die Präsentation das Aussehen eines Dokuments, sie kann jedoch auch beeinflussen, wie ein Dokument „klingt“ – schließlich verwendet nicht jeder einen grafischen Browser.

Trennen Sie Struktur und Präsentation so weit wie möglich.

Theoretisch sollten Sie ein HTML-Dokument zum Speichern von Inhalt und Struktur und ein CSS-Dokument zum Steuern der Präsentation des gesamten Dokuments verwenden.

Auch heute noch sind Websites weit verbreitet, bei denen Präsentation und Struktur nicht getrennt sind.

Wenn wir also mit dem Lernen beginnen, sollten wir uns angewöhnen, sie in separaten Dateien abzulegen. XHTML-Dateien können externe CSS- und JavaScript-Dokumente verknüpfen und freigeben.

<<:  Verwenden Sie CSS, um einen kreisförmigen Welleneffekt zu erzielen

>>:  Export- und Importvorgänge für Docker-Images

Artikel empfehlen

WeChat-Applet implementiert ein einfaches Würfelspiel

In diesem Artikel wird der spezifische Code des W...

So verwenden Sie Linux-Befehle in IDEA

Im Vergleich zum Windows-System bietet das Linux-...

Warum Nginx besser ist als Apache

Nginx hat in nur wenigen Jahren den Großteil des ...

Automatischer Commit-Vorgang für MySQL-Transaktionen

Der Standardbetriebsmodus von MySQL ist der Autoc...

So ändern Sie das Terminal in Ubuntu 18 in eine schöne Eingabeaufforderung

Ich habe VMware und Ubuntu neu installiert, aber ...

Beispielcode zur Implementierung eines einfachen ListViews-Effekts in HTML

HTML zum Erreichen eines einfachen ListViews-Effe...

Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python

Umgebungskonfiguration 1: Installieren Sie MySQL ...

So debuggen Sie das Loader-Plugin in einem Webpack-Projekt

Als ich kürzlich lernte, wie man webpack verwende...

Lösung für das Problem mit verstümmelten chinesischen MySQL-Zeichen

1. Die chinesischen verstümmelten Zeichen erschei...

Eine kurze Diskussion über JS-Prototypen und Prototypenketten

Inhaltsverzeichnis 1. Prototyp 2. Prototypzeiger:...