Daxil edilə bilən məzmun

7.1 <iframe> elementi

HTML-də <iframe> elementi cari sənədə başqa bir HTML-sənədi inteqrasiya etmək üçün istifadə olunur. Bu, əsas sənəd daxilində digər web-səhifələrin məzmununu göstərməyə imkan verir və müxtəlif resursların, məsələn, videoların, xəritələrin, sənədlərin və digər web-səhifələrin inteqrasiyasına şərait yaradır.

<iframe> elementi başqa bir HTML-sənədini göstərən daxili çərçivə yaradır. Bu sənəd istənilən URL-dən yüklənə bilər və əsas sənəddən müstəqil olaraq işləyə bilər.

Sintaksis:

    
      <iframe src="URL"></iframe>
    
  

İstifadə nümunəsi:

    
      <iframe src="https://www.example.com" width="600" height="400" title="Iframe nümunəsi"></iframe>
    
  

Atributlar

• src: <iframe>-də yüklənəcək sənədin URL ünvanı
• width: çərçivənin eni (piksel və ya faizlə göstərilə bilər)
• height: çərçivənin hündürlüyü (piksel və ya faizlə göstərilə bilər)
• title: çərçivənin məzmununun qısa təsviri (əlçatanlıq üçün vacibdir)
• name: çərçivənin adı, linkləri və formaları hədəfləmək üçün istifadə edilə bilər
• sandbox: çərçivə məzmunu üçün məhdudiyyətlər qurur, təhlükəsizliyi artırır
• allow: <iframe>-də hansı funksiyaların istifadə olunacağını müəyyən edir (məsələn, tam ekran rejimi üçün allowfullscreen)

7.2 allowfullscreen atributu

allowfullscreen atributu <iframe> daxilində yüklənmiş kontenti tam ekran rejiminə keçirməyə imkan verir. Bu atribut olmadan kontent tam ekran rejiminə keçə bilməyəcək.

Syntax:

    
      <iframe src="https://www.example.com" allowfullscreen></iframe>
    
  

İstifadə nümunəsi:

    
      <iframe
        width="560"
        height="315"
        src="https://www.youtube.com/embed/dQw4w9WgXcQ"
        allowfullscreen>
      </iframe>
    
  

Tam ekran rejimi istifadəçiyə video və ya digər resursları tam ekran rejimində izləməyə imkan verir, bu da istifadəçi təcrübəsini yaxşılaşdırır.

7.3 allow atributu

allow atributu müəyyən edir ki, <iframe> içində hansı funksiyalar istifadə oluna bilər, məsələn geolokasiya girişi, kamera, mikrofon və tam ekran rejimi.

Sintaksis:

    
      allow="geolocation; microphone; camera; fullscreen"
    
  

İstifadə nümunəsi:

    
      <iframe
        src="https://www.example.com"
        allow="geolocation; microphone; camera; fullscreen">
      </iframe>
    
  

Üstünlükləri:

• Funksionallıq üzərində nəzarət: İçində yerləşdirilmiş kontentin istifadə edə biləcəyi funksiyaları və API-ləri müəyyən etməyə imkan verir
• İcazələrin idarə edilməsi: Geolokasiya və kamera kimi müxtəlif funksiyalar üçün girişə nəzarət etməyə elastiklik təmin edir

7.4 Sandbox atributu

sandbox atributu, <iframe>-də yüklənən məzmuna məhdudiyyətlər tətbiq etmək üçün istifadə olunur. Bu, skriptlərin işləməsini və ya pop-up pəncərələrin açılmasını əngəlləyir, beləliklə təhlükəsizliyi artırır.

Syntax:

    
      sandbox="allow-scripts allow-same-origin"
    
  

Sandbox atributunun dəyərləri:

• allow-forms: formaların göndərilməsinə icazə verir
• allow-modals: modal pəncərələrdən istifadəni aktivləşdirir
• allow-orientation-lock: ekranın oriyentasiyasının bloklanmasına icazə verir
• allow-pointer-lock: pointer-ın qapanmasına icazə verir
• allow-popups: pop-up pəncərələrin açılmasına icazə verir
• allow-popups-to-escape-sandbox: pop-up pəncərələrin sandbox-dan çıxmasına icazə verir
• allow-presentation: təqdimat API-sinə çıxışı mümkün edir
• allow-same-origin: eyni mənbədən olan skriptlərin işləməsinə icazə verir
• allow-scripts: skriptlərin işləməsinə icazə verir
• allow-storage-access-by-user-activation: istifadəçi aktivasiyası vasitəsilə yaddaşa çıxış verir
• allow-top-navigation: yüksək səviyyə naviqasiyasına icazə verir
• allow-top-navigation-by-user-activation: istifadəçi aktivasiyası vasitəsilə yüksək səviyyə naviqasiyasına icazə verir

İstifadə nümunəsi:

    
      <iframe
        src="https://www.example.com"
        sandbox="allow-scripts allow-same-origin">
      </iframe>
    
  

Üstünlükləri:

• Təhlükəsizlik: potensial zərərli skriptlərin işləməsinin qarşısını alır və daxil edilən məzmunun funksionallığını məhdudlaşdırır
• Girişin idarə edilməsi: inkişaf etdiricilərin daxil edilən məzmun üçün hansı funksiyaların icazə verildiyini dəqiq göstərməsinə imkan verir

7.5 loading atributu

loading atributu <iframe>-nin necə yüklənəcəyini idarə edir, element ekranın görünür hissəsində olduğu zamanadək yüklənməni gecikdirməyə imkan verir (tənbəl yükləmə).

loading atributunun dəyərləri:

• lazy: <iframe>-nin yüklənməsi element görünənə qədər gecikir
• eager: <iframe>-nin yüklənməsi dərhal baş verir, görünürlüğündən asılı olmayaraq

Sintaksis:

    
      loading="status"
    
  

İstifadə nümunəsi:

    
      <iframe
        src="https://www.example.com"
        width="600"
        height="400"
        loading="lazy">
      </iframe>
    
  

Üstünlüklər:

• Performansın optimallaşdırılması: tənbəl yükləmə yüklənən məlumatların miqdarını azaldır və səhifənin yükləmə müddətini sürətləndirir
• Resurs istifadəsinin azaldılması: istifadəçinin həqiqətən gördüyü və istifadə etdiyi elementləri yükləməyə imkan verir