Sobes.tech
Interviu pagalba
Ištekliai
Interviu paruošimas
Ištekliai
Darbo paieška
Ištekliai
Teisinė
Grįžkime prie klausimų
Middle

Jei HTML5 laikome atvira interneto platforma, kuo ji remiasi ir iš kokių komponentų sudaryta?

sobes.tech AI

Atsakymas iš AI

HTML5 kaip interneto platforma grindžiama šiais principais ir sąvokomis:

  • Atviri interneto standartai: Platforma kuriama remiantis W3C ir WHATWG rekomendacijomis, užtikrinant tarpusavio suderinamumą ir prieinamumą.
  • Semantika: Patobulinta struktūrinė turinio žymėjimas su naujais elementais geresniam skaitymui mašinomis ir žmonėmis.
  • Prieinamumas: Integruoti mechanizmai ir atributai (pvz., ARIA) kuriant prieinamas programas.
  • Našumas: Nauji API ir metodai optimizuoti įkėlimo greitį ir interneto programų veikimą.
  • Plėtros galimybė: Galimybė pridėti naujų funkcijų naudojant JavaScript API.

HTML5 interneto platformos komponentai apima:

  • HTML: Žymėjimo kalba turinio struktūrizavimui. Apima naujus elementus (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) ir naujus atributus (data-*, contenteditable, spellcheck).
  • CSS: Stilių kalba vizualiniam dizainui. Apima naujas galimybes:
    • Selektorius (: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-elementai (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
    • Naujos savybės (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
    • Medijos užklausos (@media) adaptatyviam dizainui.
  • JavaScript: Scenarijų kalba interaktyvumui ir dinamiškumui. Apima naujus API:
    • DOM (Document Object Model): Patobulėjęs prieigos ir manipuliacijos galimybės prie puslapio elementų.
    • Canvas API: Dviejų matmenų grafikos piešimas.
    • WebGL API: Trijų matmenų grafikos piešimas (remiasi OpenGL ES).
    • SVG (Scalable Vector Graphics): Vektorinė grafika. Integruojama su HTML.
    • Web Storage: Duomenų saugojimas kliento pusėje (localStorage, sessionStorage).
    • IndexedDB: Kliento duomenų bazė struktūruotiems duomenims.
    • Web Workers: Resursų intensyvių užduočių vykdymas fone.
    • WebSocket API: Dvibalių ryšys realiu laiku tarp kliento ir serverio.
    • Geolocation API: Vartotojo vietos nustatymas.
    • Drag and Drop API: Elementų vilkimas.
    • File API: Darbas su failais kliento pusėje.
    • History API: Naršyklės istorijos valdymas be puslapio perkrovimo.
    • Fetch API: Patobulintas būdas vykdyti asinchroninius HTTP užklausas.
    • Service Workers: Tinklo užklausų perėmimas, talpyklos valdymas, push pranešimai neprisijungus.
    • Web Audio API: Darbas su garsu programiniu lygiu.
    • Media Capture and Streams API (getUserMedia): Prieiga prie kameros ir mikrofono.

Šie komponentai veikia sinergijoje, leidžiant kurti sudėtingas, efektyvias ir interaktyvias interneto programas.

AnkstesnisKitas