Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what are the three layers of the front-end page". In the daily operation, I believe that many people have doubts about what the three layers of the front-end page are. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts of "what are the three layers of the front-end page?" Next, please follow the editor to study!

The front-end page is composed of "structure layer", "presentation layer" and "behavior layer". The structure layer is the skeleton of the page, created by HTML, used to build the structure of the document; the presentation layer is the style of the page, created by CSS, used to set the rendering effect of the document; the behavior layer is the behavior of the page, created by JavaScript, used to achieve the behavior of the document.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5&&javascript1.8.5 version, Dell G3 computer.

The front-end page consists of three layers, namely, structure layer, presentation layer and behavior layer.

The structure layer is the skeleton of the page, created by HTML or XHTML markup language, and is used to build the structure of the document.

HTML is used to define the content of a web page, such as title, body, image, etc.

The presentation layer is the style of the page and is created by CSS (cascading style sheets) to set the rendering effect of the document.

CSS is used to control the appearance of web pages, such as colors, fonts, backgrounds, etc.

The behavior layer is the behavior of the page, which is created by the JavaScript language and used to implement the behavior of the document.

JavaScript is used to update the content of the web page in real time, such as getting data from the server and updating it to the web page, modifying the style or content of some tags, etc., can make the web page more vivid.

However, there are some potential areas of overlap between these three technologies, such as: DOM technology can be used to change the structure of web pages. Examples of overlapping technologies can also be found in CSS. Predefined symbols such as: hover and: focus (pseudo-class attributes) allow us to change the rendering based on user-triggered events. Changing the rendering effect of elements is of course the "sphere of influence" of the presentation layer, but responding to user-triggered events is the domain of the behavioral layer. This overlap between the presentation layer and the behavior layer forms a gray area.

At this point, the study of "what are the three layers of the front-end page" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.