När du begär en webbsida (ange en URL i din webbläsare) vet inte texten och grafiken "något i sig. Processen bestäms helt av webbläsarens tolkning av webbsidans källkod och tillhörande filer. Här är en uppdelning:
1. http begäran: Din webbläsare skickar en HTTP -begäran (HyperText Transfer Protocol) till webbservern som är värd för webbsidan. Denna begäran anger URL:n.
2. Serversvar: Servern tar emot begäran, lokaliserar de begärda resurserna (HTML -fil, bilder, CSS -stilark, JavaScript -filer etc.) och skickar tillbaka ett svar som innehåller begärda data. Detta svar inkluderar HTTP -rubriker (metadata om innehållet) och det faktiska innehållet på webbsidan.
3. html -parsing: Webbläsarens renderingsmotor får HTML -svaret. Den analyserar HTML -koden, som är ett strukturerat dokument som definierar webbsidans innehåll och struktur. HTML innehåller element som specificerar textinnehåll (`
`,`
`, etc.) och element som länkar till externa resurser, som bilder (` ![]()
`).
4. Resurshämtning: När HTML -parser möter en ` ![]()
` -taggen, det extraherar attributet` src` (som innehåller webbadressen för bildfilen). Webbläsaren skickar sedan ytterligare en HTTP -begäran för att hämta den här bildfilen. Samma process gäller CSS -filer (stilar), JavaScript -filer (skript) och andra resurser länkade i HTML.
5. Rendering Engine: Rendering Engine monterar alla hämtade resurser. Text återges enligt HTML -strukturen och eventuella tillämpade CSS -stilar. Bilder visas baserat på deras filformat (JPEG, PNG, GIF, etc.) och dimensioner. JavaScript -kod, om det finns, körs och kan dynamiskt modifiera sidans innehåll och beteende.
6. Display: Den återgivna webbsidan, som kombinerar text, bilder och andra element, visas äntligen på din skärm. Webbläsarens layoutmotor hanterar positionering och arrangemang av dessa element enligt HTML och CSS.
ingen inneboende "kunskap": Det finns ingen magisk kommunikation mellan texten och grafiken. Webbläsaren fungerar som tolk och renderare, enligt instruktionerna som är kodade i HTML-, CSS- och JavaScript -filerna för att visa webbsidans innehåll korrekt. Texten och grafiken är helt enkelt data; Webbläsaren tolkar den data och presenterar den visuellt. Själva texten "vet" den visas bredvid en grafik; Det är webbläsarens jobb att ordna dem enligt webbsidans design.
