Aus welchen drei Schichten besteht die Frontend-Seite?

Die Frontend-Seite besteht aus drei Schichten: „Strukturschicht“, „Präsentationsschicht“ und „Verhaltensschicht“. Die Strukturebene ist das von HTML erstellte Grundgerüst der Seite, das zum Aufbau der Struktur des Dokuments verwendet wird. Die Präsentationsebene ist der von CSS erstellte Stil der Seite, der zum Festlegen des Präsentationseffekts des Dokuments verwendet wird ist das Verhalten der Seite, erstellt von JavaScript, das zum Implementieren des Verhaltens des Dokuments verwendet wird.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3&&HTML5&&Javascript Version 1.8.5, Dell G3-Computer.

Die drei Ebenen der Front-End-Seite sind die Strukturebene, die Präsentationsebene und die Verhaltensebene.

• Die Strukturebene ist das Skelett der Seite, das von der HTML- oder XHTML-Auszeichnungssprache erstellt und zum Aufbau der Struktur des Dokuments verwendet wird.

  HTML wird verwendet, um den Inhalt einer Webseite zu definieren, wie Titel, Text, Bilder usw.;
  

• Die Präsentationsebene ist der Stil der Seite, der durch CSS (Cascading Style) erstellt wird Sheets) und wird verwendet, um den Präsentationseffekt des Dokuments festzulegen.

  CSS wird verwendet, um das Erscheinungsbild von Webseiten wie Farben, Schriftarten, Hintergründe usw. zu steuern.
  

• Die Verhaltensebene ist das Verhalten der Seite, das von der JavaScript-Sprache erstellt und verwendet wird um das Verhalten des Dokuments zu implementieren.

  JavaScript wird verwendet, um den Inhalt der Webseite in Echtzeit zu aktualisieren, z. B. um Daten vom Server abzurufen und auf der Webseite zu aktualisieren, den Stil einiger Tags oder deren Inhalt zu ändern usw., wodurch das Webseite lebendiger.
  

Es gibt jedoch einige potenzielle Überschneidungsbereiche zwischen diesen drei Technologien, wie zum Beispiel: Die DOM-Technologie kann verwendet werden, um die Struktur von Webseiten zu ändern. Beispiele für überlappende Techniken finden sich auch in CSS. Vordefinierte Symbole (Pseudoklassenattribute) wie :hover und :focus ermöglichen es uns, das Rendering basierend auf vom Benutzer ausgelösten Ereignissen zu ändern. Das Ändern der Darstellung von Elementen liegt natürlich im „Einflussbereich“ der Präsentationsschicht, die Reaktion auf vom Benutzer ausgelöste Ereignisse ist jedoch die Domäne der Verhaltensschicht. Durch diese Überlappung von Präsentations- und Verhaltensebenen entsteht eine Grauzone.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonAus welchen drei Schichten besteht die Frontend-Seite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!