Maison >interface Web >js tutoriel >Comment fonctionne le Web pour les débutants en 5 min

Comment fonctionne le Web pour les débutants en 5 min

Barbara Streisand
Barbara Streisandoriginal
2024-12-08 18:54:14696parcourir

How the web works for beginners in 5m
Vous découvrirez une vue simplifiée de ce qui se passe lorsque vous consultez une page Web dans un navigateur Web sur votre ordinateur ou votre téléphone.

Clients et serveurs

Les ordinateurs connectés à Internet sont appelés clients et serveurs. Un

simplifié

How the web works for beginners in 5m

  • Les clients sont les appareils connectés à Internet de l'utilisateur Web type (par exemple, votre ordinateur connecté à votre réseau Wi-Fi) et les logiciels d'accès au Web disponibles sur ces appareils (généralement un navigateur Web comme Chrome).
  • Les serveurs sont des ordinateurs qui stockent des pages Web, des sites ou des applications. Lorsqu'un appareil client souhaite accéder à une page Web, une copie de la page Web est téléchargée du serveur sur la machine client pour être affichée dans le navigateur Web de l'utilisateur.

En plus du client et du serveur, nous devons également saluer :

  • Votre connexion internet : Vous permet d'envoyer et de recevoir des données sur le web.

  • TCP/IP : Transmission Control Protocol et Internet Protocol sont des protocoles de communication qui définissent la manière dont les données doivent voyager sur Internet.

  • DNS : Le système de noms de domaine est comme un carnet d'adresses pour les sites Web. Lorsque vous saisissez une adresse Web dans votre navigateur, celui-ci examine le DNS pour trouver l'adresse IP du site Web avant de pouvoir récupérer le site Web. Le navigateur doit savoir sur quel serveur le site Web réside afin de pouvoir envoyer des messages HTTP au bon endroit (voir ci-dessous).

  • HTTP : Hypertext Transfer Protocol est un protocole d'application qui définit un langage permettant aux clients et aux serveurs de communiquer entre eux.

  • Fichiers de composants : Un site Web est composé de nombreux fichiers différents. Ces fichiers se déclinent en deux types principaux :

    • Fichiers de code : les sites Web sont construits principalement à partir de HTML, CSS et JavaScript.
    • Actifs : il s'agit d'un nom collectif désignant tous les autres éléments qui composent un site Web, tels que les images, la musique, les vidéos, les documents Word et les PDF.

Lorsque vous saisissez une adresse Web dans votre navigateur

  1. Le navigateur accède au serveur DNS et trouve la véritable adresse du serveur sur lequel réside le site Web
  2. Le navigateur envoie un message de requête HTTP au serveur, lui demandant d'envoyer une copie du site Web au client. Ce message, ainsi que toutes les autres données envoyées entre le client et le serveur, sont envoyés via votre connexion Internet via TCP/IP.
  3. Si le serveur approuve la demande du client, le serveur envoie au client un message « 200 OK », ce qui signifie « Bien sûr, vous pouvez consulter ce site Web ! Le voici », puis commence à envoyer les fichiers du site Web au navigateur. sous la forme d'une série de petits morceaux appelés paquets de données
  4. Le navigateur rassemble les petits morceaux en une page Web complète et vous l'affiche.

Ordre d'analyse des fichiers

  • Analyse HTML : Le navigateur commence par analyser le fichier HTML, détectant balises pour CSS externe et <script> balises pour JavaScript.</script>

  • Récupération de CSS et JavaScript : lors de l'analyse HTML, le navigateur envoie des requêtes au serveur pour les fichiers CSS et JavaScript référencés.

  • Analyse et compilation :

    • HTML génère l'arborescence DOM (Document Object Model).
    • CSS génère l'arborescence CSSOM (CSS Object Model).
    • JavaScript est compilé et exécuté.
  • Rendu de page : Le navigateur combine le DOM et le CSSOM pour styliser le contenu et exécute JavaScript, peignant la représentation visuelle de la page à l'écran, permettant l'interaction de l'utilisateur.

Qu'est-ce que le DNS (système de noms de domaine) ?

Les vraies adresses Web ne sont pas les belles chaînes mémorables que vous tapez dans votre barre d'adresse pour trouver vos sites Web préférés. Ce sont des numéros spéciaux qui ressemblent à ceci : 192.0.2.172.

C'est ce qu'on appelle une adresse IP et elle représente un emplacement unique sur le Web. Cependant, ce n’est pas très facile à retenir, n’est-ce pas ? C'est pourquoi le système de noms de domaine a été inventé. Ce système utilise des serveurs spéciaux qui font correspondre une adresse Web que vous saisissez dans votre navigateur (comme "mozilla.org") à l'adresse (IP) réelle du site Web.

Ressources :

  • Documents Web MDN

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