Att visa en webbplats involverar flera lager, från servern som är värd för webbplatsen till din webbläsare som tolkar koden och gör den på din skärm. Här är en uppdelning av processen:

1. Begär webbplatsen (du initierar processen):

* Skrivning av URL:n (eller klickar på en länk): Du anger en webbplatadress (enhetlig resurslokaler eller URL) som `www.example.com 'i din webbläsares adressfält eller klickar på en hyperlänk.

* DNS -sökning: Din webbläsare (eller operativsystem) använder domännamnsystemet (DNS) för att översätta den mänskliga läsbara URL (t.ex. `www.example.com ') till IP-adressen för servern som är värd för webbplatsen (t.ex.` 192.0.2.1'). Tänk på DNS som en telefonbok för Internet. Din dator skickar en begäran till en DNS -server (vanligtvis tillhandahållen av din internetleverantör) för att hitta IP -adressen associerad med domännamnet.

2. Serversvar:

* http -begäran: Din webbläsare skickar en HTTP -begäran (HyperText Transfer Protocol) till servern på den hämtade IP -adressen. Denna begäran anger vad du ber om (vanligtvis huvudwebbsidan, ofta `index.html` eller liknande). Begärningsmetoden är vanligtvis "Get" (för att hämta en resurs) men kan också vara "post" (för att skicka in data), "Put", "radera", etc.

* Serverbehandling: Webbservern tar emot HTTP -begäran. Den identifierar resursen som begärs (t.ex. `index.html`). Servern kanske:

* Servera direkt en statisk fil (som `index.html`,` image.jpg`, `style.css ').

* Kör kod för serversidan (PHP, Python, Java, Node.js, etc.) för att generera dynamiskt innehåll. Den här koden kan komma åt databaser, användarkonton eller andra datakällor.

* Utför autentiserings- och auktorisationskontroller för att säkerställa att du har tillstånd att få åtkomst till den begärda resursen.

* http -svar: Servern förbereder ett HTTP -svar, som inkluderar:

* statuskod: En kod som indikerar framgången eller misslyckandet med begäran (t.ex. 200 OK, 404 Ej hittad, 500 internt serverfel).

* rubriker: Metadata om svaret (t.ex. innehållstyp, teckenkodning, cachinginstruktioner). Huvudet "innehållstyp" är särskilt viktigt, eftersom den berättar webbläsaren vilken typ av data man kan förvänta sig (t.ex. "text/html", "bild/jpeg", "applikation/javaScript").

* kropp: Det faktiska innehållet på webbsidan (HTML, CSS, JavaScript, bilder etc.).

3. Webbläsaråtergivning:

* Mottagning av svaret: Din webbläsare får HTTP -svaret från servern.

* parsing html: Webbläsaren analyserar HTML -koden i svarskroppen. HTML (Hypertext Markup Language) definierar strukturen och innehållet på webbsidan (rubriker, stycken, bilder, länkar etc.). Webbläsaren bygger en dokumentobjektmodell (DOM), som är en trädliknande representation av HTML-strukturen.

* parsing CSS: Webbläsaren analyserar alla CSS (kaskadstilark), antingen inbäddade direkt i HTML (med hjälp av `