Ha az HTML5-öt nyílt webplatformának tekintjük, miben alapul és milyen összetevőkből áll?

HTML5 web-platforma a következő elveken és fogalmakon alapul:

• Nyílt webes szabványok: A platform a W3C és a WHATWG ajánlásaira épül, biztosítva az interoperabilitást és az elérhetőséget.
• Szemantika: Fejlettebb strukturált tartalomjelölés új elemekkel, amelyek jobb olvashatóságot biztosítanak gépek és emberek számára.
• Elérhetőség: Beépített mechanizmusok és attribútumok (pl. ARIA) az akadálymentes alkalmazások létrehozásához.
• Teljesítmény: Új API-k és megközelítések a webalkalmazások betöltési és működési sebességének optimalizálására.
• Bővíthetőség: Új funkciók hozzáadása JavaScript API-kon keresztül.

A HTML5 web-platform összetevői:

• HTML: Jelölőnyelv a tartalom strukturálásához. Új elemeket tartalmaz (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) és új attribútumokat (data-*, contenteditable, spellcheck).
• CSS: Stílusnyelv a vizuális megjelenítéshez. Új lehetőségeket tartalmaz:
  • Kiválasztók (:nth-child, :nth-last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :not, :target, :checked, :indeterminate, :enabled, :disabled, :read-only, :read-write).
  • Pseudo-elemek (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
  • Új tulajdonságok (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
  • Médialekérdezések (@media) az adaptív tervezéshez.
• JavaScript: Szkriptnyelv az interaktivitáshoz és a dinamikához. Új API-kat tartalmaz:
  • DOM (Document Object Model): Fejlettebb hozzáférés és manipuláció az oldal elemeivel.
  • Canvas API: Kétdimenziós grafika rajzolás.
  • WebGL API: Háromdimenziós grafika rajzolás (az OpenGL ES-re alapozva).
  • SVG (Scalable Vector Graphics): Vektoros grafika rajzolás. HTML-be integrálva.
  • Web Storage: Adatok tárolása az ügyfél oldalon (localStorage, sessionStorage).
  • IndexedDB: Strukturált adatok ügyfél oldali adatbázis.
  • Web Workers: Erőforrás-igényes feladatok végrehajtása háttérszálon.
  • WebSocket API: Kétirányú kommunikáció valós időben a kliens és a szerver között.
  • Geolocation API: A felhasználó helyének meghatározása.
  • Drag and Drop API: Elemek húzása.
  • File API: Fájlok kezelése az ügyfél oldalon.
  • History API: A böngésző történetének kezelése oldal újratöltése nélkül.
  • Fetch API: Fejlettebb mód az aszinkron HTTP-kérések végrehajtására.
  • Service Workers: Hálózati kérések elfogása, cache-elés, push értesítések offline funkcionalitáshoz.
  • Web Audio API: Hangkezelés programozási szinten.
  • Media Capture and Streams API (getUserMedia): Hozzáférés a kamerához és mikrofonhoz.

Ezek az összetevők együttműködve lehetővé teszik összetett, hatékony és interaktív webalkalmazások létrehozását.