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
So installieren und konfigurieren Sie MySQL 5.7.19 unter CentOS 6.5
Die detaillierten Schritte zur Installation von m...
So implementieren Sie das Beobachtermuster in JavaScript
Inhaltsverzeichnis Überblick Anwendungsszenarien ...
So installieren Sie den Elasticsearch7.6-Cluster im Docker und legen ein Kennwort fest
Inhaltsverzeichnis Einige grundlegende Konfigurat...
Detaillierte Erklärung der React-Ereignisbindung
1. Was ist In react Anwendungen werden Ereignisna...
Docker implementiert MariaDB-Unterbibliotheken und -Untertabellen sowie Lese-/Schreibtrennungsfunktionen
Inhaltsverzeichnis 1. Einleitung 2. Umweltvorbere...
So konfigurieren Sie die MySQL Master-Slave-Replikation unter Windows
Die MySQL Master-Slave-Replikation ermöglicht die...
Bringen Sie Ihnen den detaillierten Prozess der Verwendung von Docker zum Erstellen der chinesischen Version der Gitlab-Community bei
1. Verwenden Sie Docker Compose, um den Start zu ...
So stellen Sie eine Verbindung zum MySQL-Visualisierungstool Navicat her
Nach der Installation von Navicat Der folgende Fe...
MySQL Master-Slave-Prinzip und Konfigurationsdetails
MySQL Master-Slave-Konfiguration und Prinzip, zu ...
Umfassende Zusammenfassung der MySQL-Funktionen
Inhaltsverzeichnis 1. Häufig verwendete Zeichenfo...
Detaillierte Erklärung der berechneten Eigenschaften in Vue
Inhaltsverzeichnis Interpolationsausdrücke Method...
MySql 8.0.11-Winxp64 (kostenlose Installationsversion) Konfigurations-Tutorial
1. Entpacken Sie das Zip-Paket in das Installatio...
So integrieren Sie die grafische Verifizierungscode-Komponente in die Ant Design Pro-Anmeldefunktion
Vorwort: In diesem Artikel werden nur die Schritt...
So verbessern Sie die MySQL Limit-Abfrageleistung
Bei MySQL-Datenbankoperationen hoffen wir immer, ...
Beispielanalyse der von MySQL 5.7 generierten Spaltennutzung
Dieser Artikel veranschaulicht anhand von Beispie...