Maison  >  Article  >  interface Web  >  De quelles trois couches se compose la page frontale ?

De quelles trois couches se compose la page frontale ?

青灯夜游
青灯夜游original
2021-10-28 14:02:428824parcourir

La page frontale se compose de trois couches : "couche de structure", "couche de présentation" et "couche de comportement". La couche de structure est le squelette de la page, créé par HTML, utilisé pour construire la structure du document ; la couche de présentation est le style de la page, créé par CSS, utilisé pour définir l'effet de présentation du document ; est le comportement de la page, créée par JavaScript, utilisée pour implémenter le comportement du document.

De quelles trois couches se compose la page frontale ?

L'environnement d'exploitation de ce tutoriel : système windows7, CSS3&&HTML5&&javascript version 1.8.5, ordinateur Dell G3.

Les trois couches de la page frontale sont la couche de structure, la couche de présentation et la couche de comportement.

  • La couche de structure est le squelette de la page, créé par le langage de balisage HTML ou XHTML, et utilisé pour construire la structure du document.

    HTML est utilisé pour définir le contenu d'une page Web, tel que le titre, le texte, les images, etc.

  • La couche de présentation est le style de la page, qui est créé par CSS (Cascading Style Sheets) et est utilisé pour définir l’effet de présentation du document.

    CSS est utilisé pour contrôler l'apparence des pages Web, comme les couleurs, les polices, les arrière-plans, etc.

  • La couche de comportement est le comportement de la page, créée par le langage JavaScript, et est utilisée pour implémenter le comportement du document.

    JavaScript est utilisé pour mettre à jour le contenu de la page Web en temps réel, comme obtenir des données du serveur et les mettre à jour sur la page Web, modifier le style de certaines balises ou leur contenu, etc., ce qui peut rendre le page Web plus vivante.

Cependant, il existe certains domaines potentiels de chevauchement entre ces trois technologies, tels que : La technologie DOM peut être utilisée pour modifier la structure des pages Web. Des exemples de techniques de chevauchement peuvent également être trouvés en CSS. Les symboles prédéfinis (attributs de pseudo-classe) comme :hover et :focus nous permettent de modifier le rendu en fonction des événements déclenchés par l'utilisateur. Changer la présentation des éléments relève bien sûr de la « sphère d'influence » de la couche présentation, mais réagir aux événements déclenchés par l'utilisateur relève du domaine de la couche comportementale. Ce chevauchement des couches de présentation et de comportement crée une zone grise.

Pour plus de connaissances sur la programmation, veuillez visiter : Apprendre la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn