<info9>

A HTML szerepe a webfejlesztésben

Az első egyszerű weboldalak megjelenése óta az internet, mint platform, nagyon sokat fejlődött és bővült. Mára szinte természetes számunkra, hogy a böngészőnkből néhány kattintással elérhetjük interaktív weboldalak és webalkalmazások ezreit, ahol nem csak fogyaszthatunk, de akár gyárthatunk is saját tartalmakat. Ahhoz azonban, hogy ezek az oldalak működhessenek, több különféle webes technológia szoros együttműködése szükséges, ezek egyike a HTML (HyperText Markup Language, vagy hiperszöveges jelölőnyelv).

Ezeknek a technológiáknak mindnek megvan a maguk szerepe egy-egy weboldal megjelenésében, működésében. A szerveroldali technológiákkal ebben a bevezetőben még nem foglalkozunk, róluk később esik majd szó. Egy átlagos modern böngésző jelenleg 4 fontosabb "nyelvet" ismer, és tud használni egy-egy weboldal megjelenítéséhez:

• A HTML felel az oldal tartalmi felépítéséért
• A CSS felel a tartalmak kinézetéért, elrendezéséért, színekért, egyszerűbb animációkért
• A JavaScript felel az oldalak interaktív funkcióinak megvalósításáért
• A WebAssembly pedig egy viszonylag új technológia, nagyobb számításigényű interaktív elemek megvalósításához

Régebben persze, amikor ezek a technológiák még nem voltak olyan fejlettek mint manapság, egyéb megoldásokat is használtunk weboldalak fejlesztéséhez, ezek azonban mára elavultak, a legtöbb böngésző már megszüntette támogatásukat. Ilyen elavult technológiák voltak a Flash, a beágyazott Java Appletek, valamint az ActiveX vezérlők. Mivel ezek a technológiák már elavultak, ezek elsajátításába már nem érdemes erőt fektetni.

A nyelv fejlődése

A HTML, CSS, JavaScript és WebAssembly, más programnyelvekhez és valós nyelvekhez hasonlóan folyamatos fejlődésen megy keresztül. Újabb és újabb lehetőségek kerülnek be a nyelvekbe az évek múlásával, van azonban egy fontos különbség a lefordított programok, és a webes technológiák nyelvi támogatottsága között. Míg egy lefordított nyelv, pl. a C++ esetén, egy-egy újabb nyelvi funkciót általában elég a fejlesztő gépének ismernie, addig egy webes újítás esetén a felhasználóink böngészőjére vagyunk utalva.

Az, hogy egy-egy újabb funkciót, lehetőséget milyen gyorsan építenek be és "ismernek meg" az egyes böngészők, sokmindentől függhet, azonban ez általában nem rajtunk, webfejlesztőkön áll elsősorban. Egy webfejlesztő tehát abból tud élni, ami van. Mivel a netezők között még a mai napig is akadnak, akik nagyon régi operációs rendszereket és böngészőket használnak, sajnos bele kell törődnünk abba, hogy valószínűleg mindenkinek nem fogunk tudni kedvezni a fejlesztési folyamat során, de amikor használni szeretnénk egy új lehetőséget, mindig érdemes utánanézni annak, hogy az adott funkció mennyire támogatott, azaz a böngészők mekkora része "ismeri" már az adott címkét, API-t, stb.

A böngészőkompatibilitással kapcsolatban hasznos információkra tehetünk szert a caniuse.com weboldalon. Persze az utunk elején megismert dolgok nagyja már rég kőbe van vésve, úgyhogy az első jópár lecke erejéig ezzel még nem kell foglalkoznunk.

Összefoglaló

Összefoglalásként itt egy egyszerű minta, ami szemlélteti a weboldalak különböző építőelemeinek szerepét.