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
HTML+CSS3-Code zur Realisierung des Animationseffekts der Planeten des Sonnensystems
Erstellen Sie eine Animation der acht Planeten de...
Lösung für MySql-Fehler 1698 (28000)
1. Problembeschreibung: MysqlERROR1698 (28000)-Lö...
Ubuntu MySQL 5.6 Version entfernen/installieren/Kodierungskonfigurationsdatei konfigurieren
1. MySQL entfernen a. sudo apt-get autoremove --p...
MySQL MSI-Version herunterladen und installieren - ausführliches grafisches Tutorial für Anfänger
Inhaltsverzeichnis 1. Laden Sie die MySQL-MSI-Ver...
Lösung für das Problem, dass die Audiokomponente des WeChat-Applets unter iOS nicht abgespielt werden kann.
Lösung: Binden Sie das Klickereignis an die Audio...
Galeriefunktion durch natives Js implementiert
Inhaltsverzeichnis Der erste Der Zweite Native Js...
So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird
Stellen Sie die Breite des Textkörpers auf die Bre...
UrlRewriter-Caching-Probleme und eine Reihe damit verbundener Untersuchungen
Beim Entwickeln einer Website-Funktion kann der S...
Einführung in die HTML-Formularsteuerung deaktivierte Attribute schreibgeschützt VS deaktiviert
Es gibt zwei Möglichkeiten, die Formularübermittl...
Eine kurze Diskussion zum Thema Ziehen und Sortieren von Elementen in Tabellen
In letzter Zeit stoße ich bei der Verwendung von ...
Analyse der Vor- und Nachteile von gespeicherten MySQL-Prozeduren
MySQL Version 5.0 begann, gespeicherte Prozeduren...
So öffnen Sie externe Netzwerkzugriffsrechte für MySQL
Wie unten dargestellt: Führen Sie hauptsächlich A...
Detaillierte Erläuterung der Nest.js-Parametervalidierung und des benutzerdefinierten Rückgabedatenformats
0x0 Parameterüberprüfung Der Großteil der Paramet...
So verwenden Sie CSS, um ein kleines Bild herunterzuziehen und ein großes Bild und Informationen anzuzeigen
Heute werde ich über einen CSS-Spezialeffekt spre...
Eine kurze Diskussion über mehrere aufgetretene Browserkompatibilitätsprobleme
Hintergrund Das Lösen von Browserkompatibilitätsp...