Heim  >  Artikel  >  Web-Frontend  >  Was sind die drei Ebenen der Frontend-Seite?

Was sind die drei Ebenen der Frontend-Seite?

云罗郡主
云罗郡主Original
2019-03-01 11:52:049198Durchsuche

Die Front-End-Seite besteht aus drei Ebenen, nämlich: 1. Die strukturelle Ebene der Webseite, die durch Markup-Sprache wie HTML oder XHTML erstellt wird. 2. Die Präsentationsebene der Webseite, die wird durch CSS 3 erstellt. Das Verhalten der Webseitenebene, dominiert von Javascript-Sprache und DOM.

Was sind die drei Ebenen der Frontend-Seite?

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5- und CSS3-Version.

Die genaueste Webdesign-Idee besteht darin, die Webseite in drei Ebenen zu unterteilen, nämlich: Strukturebene, Präsentationsebene und Verhaltensebene.

1. Strukturebene (Strukturschicht)

wird durch eine Auszeichnungssprache wie HTML oder XHTML erstellt. Tags, also Wörter, die in spitzen Klammern stehen, beschreiben die semantische Bedeutung von Webinhalten, enthalten jedoch keine Informationen darüber, wie der Inhalt angezeigt wird. Das P-Tag drückt beispielsweise eine solche Semantik aus: „Dies ist ein Textabsatz.“

2. Präsentationsebene (Präsentationsebene)

wird von CSS erstellt. CSS beantwortet die Frage, wie relevante Inhalte angezeigt werden.

3. Verhaltensschicht (Behaviorlayer)

ist für die Beantwortung der Frage „wie Inhalte auf Ereignisse reagieren sollen“ verantwortlich. Dies ist ein Bereich, der von der Javascript-Sprache und dem DOM dominiert wird.

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn