Summary of Mi történik, amikor beírsz egy címet a böngészőbe

## Bevezetés Amikor beírunk egy webcímet a böngészőnkbe és megnyomjuk az Entert, egy rendkívül komplex folyamat indul el a háttérben. Ez a folyamat számos hálózati protokollt és technológiát foglal magában, mielőtt a kért weboldal megjelenik a képernyőnkön. Ennek a cikknek a célja, hogy lépésről lépésre bemutassa ezt a bonyolult, de alapvető webes mechanizmust. ### Az URL felépítése Az első lépés a böngészőben beírt **Uniform Resource Locator (URL)** értelmezése. Az URL egy webes erőforrás egyedi azonosítója, amely megadja annak helyét és az eléréséhez szükséges protokollt. Egy tipikus URL a következő részekből áll: `protokoll://hosztnév:port/útvonal?lekérdezés#fragmentum` * **Protokoll**: Meghatározza, hogyan kommunikáljon a böngésző a szerverrel (pl. `http`, `https`, `ftp`). A weboldalak esetében leggyakrabban a **HTTP** (Hypertext Transfer Protocol) vagy a **HTTPS** (Hypertext Transfer Protocol Secure – titkosított HTTP) protokollokat használjuk. > **Protokoll**: Egy előre meghatározott szabályrendszer, amely leírja, hogyan kommunikáljanak egymással a hálózati eszközök. * **Hosztnév**: A weboldal **domain neve** (pl. `www.example.com`). Ez egy ember által olvasható cím, amelyet a **DNS**-nek (Domain Név Rendszer) **IP-címmé** kell alakítania. > **Domain név**: Egy könnyen megjegyezhető név, amely az interneten található erőforrásokat azonosítja. > **IP-cím**: Egy egyedi numerikus azonosító (pl. $192.168.1.1$), amelyet a hálózaton lévő eszközök kommunikációra használnak. * **Port**: A szerveren futó szolgáltatás azonosítója. A HTTP alapértelmezett portja a $80$, a HTTPS-é a $443$. Ha nincs megadva, a böngésző az alapértelmezettet használja. > **Port**: Egy numerikus cím, amely azonosítja az adott szerveren futó alkalmazást vagy szolgáltatást. * **Útvonal**: Az erőforrás pontos helye a szerveren (pl. `/index.html`, `/termekek/konyvek`). Ez a rész mondja meg a szervernek, hogy az adott domainen belül melyik fájlt vagy mappát keressük. * **Lekérdezés**: Kiegészítő paraméterek, amelyeket a szervernek küldünk (pl. `?kereses=alma&oldal=2`). Ezek az adatok gyakran űrlapokból vagy keresésekből származnak, és dinamikus tartalmak generálására használhatók. * **Fragmentum**: Az oldal egy adott részére mutató hivatkozás (pl. `#fejezet3`). Ezt a részt a böngésző dolgozza fel, a szerver nem kapja meg, csak a böngésző navigál vele az oldal egy adott eleméhez (pl. egy alcímhez). Did you know, hogy az első URL-t 1990-ben Tim Berners-Lee, a World Wide Web feltalálója hozta létre? ### Az adatok továbbítása és megjelenítése Miután a böngésző megkapta az IP-címet, és létrejött a szerverrel való kapcsolat, a tényleges adatcsere következik. 1. **A böngésző kérést küld**: A böngésző egy **HTTP kérést** küld a szervernek, amely tartalmazza a kért oldal URL-jét, a kérés típusát (pl. GET, POST), és egyéb információkat (pl. böngésző típusa, elfogadott nyelvek). 2. **A szerver feldolgozza a kérést**: A szerver megkapja a kérést, megkeresi a kért erőforrást az útvonal alapján. Előfordulhat, hogy adatbázisból kell adatokat lekérdeznie, vagy dinamikusan kell generálnia az oldalt a lekérdezési paraméterek alapján. 3. **A szerver válaszol**: A szerver egy **HTTP válasszal** felel, amely tartalmazza a kérés státuszát (pl. `200 OK` – sikeres, `404 Not Found` – nem található), és magát a weboldal tartalmát, jellemzően HTML formájában, valamint CSS fájlokat a stílusokhoz és JavaScript fájlokat az interaktivitáshoz. > **HTML (HyperText Markup Language)**: Az interneten található weboldalak felépítésére szolgáló jelölőnyelv. > **CSS (Cascading Style Sheets)**: Egy stíluslap-nyelv, amellyel a HTML dokumentumok megjelenését írjuk le. > **JavaScript**: Egy programozási nyelv, amely interaktívvá teszi a weboldalakat. 4. **A böngésző megjeleníti az oldalt**: A böngésző megkapja a szervertől a válaszban lévő HTML, CSS és JavaScript fájlokat, és megkezdi az oldal megjelenítését. Először a HTML struktúrát ér