HTML5-i açıq veb-platforma kimi nəzərdən keçirsək, onun əsası nədir və hansı komponentlərdən ibarətdir?

HTML5 veb-platforması aşağıdakı prinsiplər və anlayışlar əsasında qurulmuşdur:

• Açıq veb standartları: Platforma W3C və WHATWG tövsiyələrinə əsaslanır, qarşılıqlı işləmə və əlçatanlığı təmin edir.
• Semantika: Məzmunun strukturlaşdırılmış işarələnməsi yeni elementlərlə təkmilləşdirilmişdir ki, bu da maşınlar və insanlar üçün daha yaxşı oxunaqlıq təmin edir.
• Əlçatanlıq: ARIA kimi daxili mexanizmlər və atributlar vasitəsilə əlçatan tətbiqlər yaratmaq üçün.
• Performans: Yükləmə sürətini və veb tətbiqlərinin işləməsini optimallaşdırmaq üçün yeni API-lər və yanaşmalar.
• Genişləndirilə bilənlik: JavaScript API-ləri vasitəsilə yeni funksionallıqlar əlavə etmək imkanı.

HTML5 veb platformasının komponentləri aşağıdakılardır:

• HTML: Məzmunu strukturlaşdırmaq üçün markup dili. Yeni elementləri əhatə edir (<article>, <aside>, <nav>, <section>, <header>, <footer>, <main>, <figure>, <figcaption>, <mark>, <time>, <data>, meter, progress) və yeni atributlar (data-*, contenteditable, spellcheck).
• CSS: Vizual dizayn üçün stil dili. Yeni imkanlar:
  • Seçicilər (: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-elementlər (::before, ::after, ::first-letter, ::first-line, ::selection, ::placeholder).
  • Yeni xüsusiyyətlər (display: flex, display: grid, transform, transition, animation, background-size, background-origin, background-clip, box-shadow, text-shadow, border-radius, border-image, gradient).
  • Media sorğuları (@media) adaptiv dizayn üçün.
• JavaScript: İnteraktivlik və dinamiklik üçün skript dili. Yeni API-lər:
  • DOM (Document Object Model): Səhifə elementlərinə daha yaxşı giriş və manipulyasiya.
  • Canvas API: 2D qrafik çəkmə.
  • WebGL API: 3D qrafik çəkmə (OpenGL ES əsasında).
  • SVG (Scalable Vector Graphics): Vektor qrafiklərinin çəkilməsi. HTML ilə inteqrasiya olunur.
  • Web Storage: Məlumatların müştəri tərəfində saxlanması (localStorage, sessionStorage).
  • IndexedDB: Strukturlu məlumatlar üçün müştəri bazası.
  • Web Workers: Resurs tələb edən tapşırıqları fon rejimində yerinə yetirmək.
  • WebSocket API: Müştəri və server arasında real vaxtda iki tərəfli əlaqə.
  • Geolocation API: İstifadəçinin mövqeyini müəyyən etmək.
  • Drag and Drop API: Elementlərin sürüklənməsi.
  • File API: Müştəri tərəfində fayllarla işləmək.
  • History API: Brauzer tarixçəsini idarə etmək, səhifəni yeniləmədən.
  • Fetch API: Asinxron HTTP sorğularını həyata keçirmək üçün təkmilləşdirilmiş üsul.
  • Service Workers: Şəbəkə sorğularını ələ alma, keşik və push bildirişləri üçün offline funksionallıq.
  • Web Audio API: Səslə işləmək proqramlaşdırma səviyyəsində.
  • Media Capture and Streams API (getUserMedia): Kamera və mikrofonlara giriş.

Bu komponentlər sinerji içində işləyir, mürəkkəb, yüksək performanslı və interaktiv veb tətbiqləri yaratmağa imkan verir.