What are the three layers of the front-end page?

The front-end page has three layers, namely: 1. The structural layer of the web page, which is created by markup language such as HTML or XHTML; 2. The presentation layer of the web page, which is created by CSS; 3. The behavior of the web page Layer, dominated by Javascript language and DOM.

The operating environment of this article: Windows 7 system, Dell G3 computer, HTML5&&CSS3 version.

The most accurate web design idea is to divide the web page into three levels, namely: structure layer, presentation layer, and behavior layer.

1. Structural layer (structural layer)

is created by a markup language such as HTML or XHTML. Tags, those words that appear within angle brackets, describe the semantic meaning of web content, but these tags do not contain any information about how to display the content. For example, the P tag expresses such a semantic: "This is a text paragraph."

2. Presentation layer (presentation layer)

is created by CSS. CSS answers the question of how to display relevant content.

3. Behavior layer (behaviorlayer)

is responsible for answering the question "how should the content react to events?" This is an area dominated by the Javascript language and the DOM.

The above is the detailed content of What are the three layers of the front-end page?. For more information, please follow other related articles on the PHP Chinese website!