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
Ändern Sie den Stil des HTML-Textkörpers in JS
Inhaltsverzeichnis 1. Ursprüngliche Definition 2....
Das KTL-Tool realisiert die Methode zum Synchronisieren von Daten von MySQL zu MySQL
Verwenden Sie das KTL-Tool, um Daten von MySQL zu...
Lösen Sie das Installationsproblem von Linux Tensorflow2.0
conda aktualisieren conda pip installieren tf-nig...
Wissen zur Suchmaschinenoptimierung, auf das Sie beim Webdesign achten sollten
1. Linklayout der neuen Site-Startseite 1. Die Pos...
Vue+Flask realisiert Videosynthesefunktion (Drag & Drop-Upload)
Inhaltsverzeichnis Wir haben in einem früheren Ar...
So setzen Sie das Root-Passwort in Linux mysql-5.6 zurück
1. Überprüfen Sie, ob der MySQL-Dienst gestartet ...
Tutorial zu HTML-Formular-Tags (1):
Formulare sind eine wichtige externe Form zur Imp...
Die vollständigen und inkrementellen Daten einer bestimmten MySQL-Tabelle mit der Nachrichtenwarteschlange synchronisieren - Lösung
Inhaltsverzeichnis 1. Ursprüngliche Nachfrage 2. ...
Lösung für die horizontale Bildlaufleiste im Iframe unter IE6
Die Situation ist wie folgt: (PS: Das rote Kästche...
Zusammenfassung der relevanten Wissenspunkte zu Ajax in jQuery
Vorwort Studenten, die JavaScript lernen, wissen,...
Implementierung des CSS-Ladeeffekts Pac-Man
emmm, der Name ist nur eine zufällige Vermutung 2...
Einführung in die Verwendung des Base-Link-Tags Base
<br />Wenn Sie auf den Link klicken, wird di...
Eine kurze Analyse von Linux, um den Firewall-Status und den Status der für die Außenwelt geöffneten Ports zu überprüfen
1. Überprüfen Sie den Firewall-Status Überprüfen ...
jQuery implementiert verschachtelte Tab-Funktion
In diesem Artikelbeispiel wird der spezifische Co...
Acht Regeln für effektive Webformulare
Wenn Sie Informationen von Ihren Benutzern sammel...