Sobes.tech
Nápověda k rozhovoru
Zdroje
Příprava na pohovor
Zdroje
Hledání práce
Zdroje
Právní
Zpět k otázkám
Middle

Pokud považujeme HTML5 za otevřenou webovou platformu, na čem je založená a z jakých komponentů se skládá?

sobes.tech AI

Odpověď od AI

HTML5 jako platforma webu je založena na následujících principech a pojmech:

  • Otevřené webové standardy: Platforma je postavena na doporučeních W3C a WHATWG, zajišťujících interoperabilitu a dostupnost.
  • Sémantika: Vylepšené strukturované označení obsahu pomocí nových prvků pro lepší čitelnost stroji i lidmi.
  • Dostupnost: Vestavěné mechanismy a atributy (například ARIA) pro tvorbu přístupných aplikací.
  • Výkon: Nová API a přístupy k optimalizaci rychlosti načítání a fungování webových aplikací.
  • Rozšiřitelnost: Možnost přidávat nové funkce pomocí API JavaScriptu.

Složky platformy HTML5 zahrnují:

  • HTML: Jazyk značek pro strukturování obsahu. Obsahuje nové prvky (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) a nové atributy (data-*, contenteditable, spellcheck).
  • CSS: Jazyk stylů pro vizuální úpravy. Obsahuje nové možnosti:
    • Selektory (: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-prvky (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
    • Nové vlastnosti (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
    • Media dotazy (@media) pro responzivní design.
  • JavaScript: Jazyk skriptů pro interaktivitu a dynamiku. Obsahuje nová API:
    • DOM (Document Object Model): Vylepšený přístup a manipulace s prvky stránky.
    • Canvas API: Dvourozměrné vykreslování grafiky.
    • WebGL API: Třírozměrné vykreslování grafiky (založené na OpenGL ES).
    • SVG (Scalable Vector Graphics): Vykreslování vektorové grafiky. Integruje se s HTML.
    • Web Storage: Ukládání dat na straně klienta (localStorage, sessionStorage).
    • IndexedDB: Klientská databáze pro strukturovaná data.
    • Web Workers: Vykonávání náročných úloh na pozadí.
    • WebSocket API: Obousměrná komunikace v reálném čase mezi klientem a serverem.
    • Geolocation API: Určení polohy uživatele.
    • Drag and Drop API: Přetahování prvků.
    • File API: Práce se soubory na straně klienta.
    • History API: Správa historie prohlížeče bez obnovení stránky.
    • Fetch API: Vylepšený způsob provádění asynchronních HTTP požadavků.
    • Service Workers: Zachytávání síťových požadavků, cachování, push notifikace pro offline funkčnost.
    • Web Audio API: Práce s audem na programové úrovni.
    • Media Capture and Streams API (getUserMedia): Přístup ke kameře a mikrofonu.

Tyto komponenty spolupracují a umožňují vytváření složitých, výkonných a interaktivních webových aplikací.

PředchozíDalší