çərçivə atributları. Çərçivələrlə səhifəni necə yaratmaq olar. Bağlantılarla Çərçivələrin Müəyyənləşdirilməsi




Təlimat

HTML dili (HyperText Markup Language - “hipermətn işarələmə dili”) iki növ çərçivə təmin edir. "Üzən" daha çevikdir və mövcud olana daxil etmək daha asandır. Ümumi halda, üzən çərçivədən istifadə edərək pəncərənin çərçivəsini təsvir edən tikinti belə görünür: Burada mövcud sayt bu çərçivə üçün məlumat mənbəyi kimi göstərilmişdir (src atributu). O, eni və hündürlüyü atributlarında göstərildiyi kimi 400x300 çərçivədə açılacaq.Siz həmçinin src atributunda saytınızın səhifəsini təyin edə bilərsiniz. Bu halda nisbi ünvanı (yəni çərçivənin daxil edildiyi səhifəyə nisbətən ünvan) göstərmək kifayətdir: Bu nümunədə çərçivənin hündürlüyü də göstərilməyib, lakin id atributu var. Bundan istifadə edərək, bu çərçivə üçün tələb olunan ölçüləri təyin etmək üçün CSS () istifadə edə bilərsiniz:

Başqa bir çərçivə növü - "klassik" - çərçivə strukturunun təsvirini ehtiva edən ayrı bir səhifə tələb olunur. Çərçivələrin özləri ayrı səhifələrdə, bəlkə də ayrı-ayrı saytlarda olacaq. Çərçivələr üçün belə konteyner səhifəsi üçün HTML kodu belə görünə bilər:




Blok yoxdur ... Və ... , adi səhifələr üçün tələb olunan, burada olmamalıdır. Bu nümunədə açılış qabı etiketi satır atributunu ehtiva edir - bu o deməkdir ki, səhifə sahəsi şaquli olaraq bölünməlidir və yuxarı hissə birinci çərçivəyə veriləcəkdir. Əgər sətirləri sütunlarla əvəz etsək, onda bölmə üfüqi olacaq. Bu atributun dəyəri "*,*" bölünmə nisbətlərinin bərabər olduğunu göstərir - hər biri 50%. Məsələn, "20%, *" qeyd etsəniz, birinci kadra yalnız 20%, boşluqun qalan hissəsi isə ikinciyə veriləcək.İstifadəçi çərçivənin haşiyələrini sürükləməklə bu nisbətləri dəyişə bilər. siçan, lakin bu hərəkəti söndürmək mümkündür. Bunun üçün noresize atributunu müəyyən çərçivənin teqinə əlavə etmək lazımdır. Siz həmçinin şaquli və üfüqi olaraq bitişik çərçivədən girintilərin ölçüsünü təyin edə bilərsiniz (marginwidth və marginheight atributları): Hər bir çərçivənin sürüşdürmə çubuqları üçün davranış qaydalarını ayrıca təyin etmək mümkündür. Bunun üçün əvvəlcədən təyin edilmiş üç dəyərdən birini ehtiva edə bilən sürüşmə atributundan istifadə olunur. Əgər scrolling="auto" təyin etsəniz, çərçivənin məzmunu onun hüdudlarına uyğun gəlmədikdə sürüşmə çubuqları görünəcək. "Bəli" olarsa - ehtiyacdan asılı olmayaraq, zolaqlar həmişə mövcud olacaqdır. Əgər "yox" olarsa - bu, bu çərçivə üçün sürüşmə çubuqlarının deaktiv edildiyini bildirir.

Əvvəlki iki addımda verilən məlumatlara əsaslanaraq, probleminizi həll etmək üçün daha uyğun olan html kodunu qurmalısınız. Bundan sonra onu səhifənin mənbə koduna daxil etmək qalır. Bunun üçün siz saytınızın idarəetmə sisteminizin səhifə redaktorundan istifadə edə bilərsiniz - orada istədiyiniz səhifəni açın, html kodu redaktə rejiminə keçin və kodunuzu səhifənin lazımi yerinə yapışdırın. Və ya hostinq idarəetmə fayl meneceri və ya məzmun idarəetmə sistemi ilə səhifənin mənbə kodu faylını yükləyə, mətn redaktorunda aça və kodu ona yapışdıra bilərsiniz. Və sonra dəyişdirilmiş kodu eyni şəkildə yenidən serverə yükləyin.

Çərçivə strukturundan HTML sənədinin yaradılması kifayət qədər sadədir. Bu səhifə hər biri ayrıca sənədi yükləyən dialoq qutuları kimi göstəriləcək.

Sizə lazım olacaq

  • - mətn redaktoru;
  • - brauzer.

Təlimat

Sənədin çərçivə strukturu o deməkdir ki, hər bir səhifə ayrı-ayrı sahələrdən ibarətdir və hər birində bir HTML faylı göstərilir. Beləliklə, əvvəlcə Notepad kimi mətn redaktorunu açın və BODY və /BODY teqlərindən istifadə edərək sənədin gövdəsini yaradın.

Çərçivə sənədi iki FRAMESET və /FRAMESET teqləri arasında yerləşir. Məhz burada bir növ cədvəl yerləşəcək, hər sütunda ayrıca bir sənəd yükləyə bilərsiniz. COLS və ROWS iki xassəsindən istifadə edərək, siz sütun və sətrin ölçüsünü piksellə və ya brauzer pəncərəsinin ölçüsünün faizi kimi təyin edə bilərsiniz (rəqəmlərin yerinə ulduz işarəsi daxil etsəniz, brauzerin bütün boş sahəsi istifadə olunsun).

Strukturu bəzəmək üçün aşağıdakı xassələrdən istifadə edin: 1) FRAMEBORDER=1 - hər bir çərçivədə üçölçülü çərçivə var; 2) FRAMEBORDER=0 - çərçivə olmayacaq; 3) FRAMESPACING - bitişik çərçivələr arasında piksellərlə məsafə; 4) FRAME - /FRAME - ayrıca çərçivənin məzmununun tərifi: a) SRC - çərçivənin məzmunu ilə HTML faylı; b) MARGINHEIGHT, MARGINWIDTH - kadr sərhədlərindən şaquli və üfüqi abzasın piksellə təyin edilməsi; c) NORESIZE - istifadəçi çərçivənin ölçüsünü dəyişə bilməz; d) SCROLLING - çərçivəyə baxmaq üçün sürüşdürmə çubuqları yaratmaq lazımdır (BƏLİ) və ya yox (YOX), AUTO dəyəri onları yalnız lazım olduqda yaradır.

Hamıya xeyirli gün. Aleksey Qulynin əlaqə saxlayır. Son məqalədə vebsaytda favikonun necə qurulacağını müzakirə etdik. Bu yazıda nə olduğunu izah etmək istərdim html-də çərçivələr. İngilis dilindən tərcümə edilmişdir. çərçivə “çərçivə” deməkdir. Html nöqteyi-nəzərindən çərçivə başqa bir səhifəyə keçid verən və onun məzmununu (həmin başqa səhifənin və ya saytın) əks etdirən səhifədə müəyyən seçilmiş sahədir. Dərhal qeyd etmək lazımdır ki, çərçivələr çox inkişaf etməmişdir və bəzi ixtisaslaşdırılmış layihələr istisna olmaqla, indi demək olar ki, istifadə edilmir.Bununla eyni şeyi CSS və Javascript vasitəsilə etmək olar.
Çərçivədən istifadə edərək, bir səhifə bir neçə bloka bölünə bilər, hər biri digərlərindən müstəqil olacaqdır. Əsas index.html sənədini və məzmunu əsas səhifədə göstəriləcək iki köməkçi (daxili) sənədi yaradaq: menu.html (saytın naviqasiya işarələməsini ehtiva edəcək) və content.html (sayt məzmunu). index.html işarələməsi belə görünəcək:

HTML-də çərçivələr

Qeyd edək ki, burada etiket yoxdur. , əvəzinə etiket göründü . Bu etiket bir neçə xüsusiyyətə malikdir:

  • cols - Bu atribut çərçivələrin sütunlarda yerləşdiriləcəyini bildirir. Bu atributun dəyəri vergüllə ayrılmış çərçivə ölçülərini təyin edir. Bizim vəziyyətimizdə 2 çərçivəmiz olacaq. Birincinin eni səhifə eninin 40%-ni təşkil edəcək, * səhifənin qalan hissəsini bildirir (bu halda siz 60%-ni yaza bilərsiniz). Siz həmçinin piksel ölçüsünü təyin edə bilərsiniz.
  • sətirlər - Bu atribut çərçivələrin cərgələrdə yerləşdiriləcəyini müəyyən edir.

menu.html faylının məzmunu belə görünür:

  • 1 menyu elementi
  • 2 menyu elementi
  • 3 menyu elementi

content.html faylının məzmunu belə görünür:

Test çərçivələri

Mətnin paraqrafı

Başqa bir sənədin məzmununu göstərmək üçün etiketdən istifadə etməlisiniz src atributu ilə, dəyəri faylın yolunu müəyyən edir. Siz həmçinin bu blokda göstərmək istədiyimiz saytın url-ni təyin edə bilərsiniz. Əvvəlcə menu.html və content.html səhifələrimizi render edək:

Bütün bunların necə işlədiyini görmək üçün bu kodu yazdığınızdan əmin olun.

Çərçivə etiketi aşağıdakı atributlara malikdir:

  • src - səhifəyə gedən yol və ya saytın url-ünvanı (sayt səhifəsi). Qeyd etmək lazımdır ki, bəzi saytlarda yerləşdirmə mühafizəsi var,
  • ad - çərçivəyə bu çərçivənin idarə oluna biləcəyi bir ad verir,
  • noresize - çərçivənin ölçüsünü dəyişdirməyi qadağan edir,
  • sürüşdürmə - məzmunu sürüşdürmək imkanı.

Ev tapşırığı üçün 2 çərçivə yaradın və onları bir sıraya qoyun. Saytlara gedən yolu src atributunun dəyəri kimi göstərin.

Praktikada çərçivələrdən istifadə etməzdən əvvəl onların nə olduğunu, eləcə də sayt səhifələrində informasiyanı təşkil etmək üçün çərçivələrdən istifadənin eyni cədvəllərlə müqayisədə üstünlüklərini bilmək zərər verməzdi.

Kitabda əvvəlki nümunələrin hamısı brauzer pəncərəsində HTML sənədlərindəki mətnin, qrafikanın, cədvəllərin və digər məzmunun hizalanması ilə bağlı idi. Eyni zamanda, orada yalnız bir sənədin məzmunu göstərilə bilər. Çərçivələrdən istifadə brauzer pəncərəsini müxtəlif HTML sənədlərinin göstərilə biləcəyi bir neçə hissəyə bölməyə imkan verir. Məsələn, Şəkildə göstərildiyi kimi. 8.1.

düyü. 8.1. Bir pəncərədə üç sənəd


Bu halda, hər bir sənədin məzmunu öz pəncərəsinə - çərçivəsinə uyğunlaşdırılır. İndi təsəvvür edin ki, yuxarı sol çərçivədə saytın resurslarına keçidlər, aşağı solda - bir növ reklam və ya digər məlumatlar, sağdakı böyük çərçivədə mətn var. Deyək ki, saytda naviqasiya zamanı yalnız sağ çərçivədə göstərilən mətn dəyişir. Bu halda çərçivələrdən istifadə aşağıdakılara imkan verir.

Bəzi çərçivələrin məzmununu digərlərinin məzmunundan asılı olmayaraq sürüşdürün.

Saytın səhifələri arasında gedin, məzmunu yalnız düzgün çərçivəyə yükləyin. Saytın statik məzmunu serverdən yalnız bir dəfə yükləndiyi üçün bu, istifadəçinin vaxtına qənaət edir.

İndi çərçivələri gördükdən sonra saytların çərçivələrdən istifadə edərək necə yaradıldığına və konfiqurasiyasına baxa bilərik.

8.2. Çərçivə dəsti yaradın

Şəkildə göstərilən ən sadə sayt belə. 8.1 dörd HTML sənədindən ibarətdir. Onlardan üçünün məzmunu brauzer pəncərəsində göstərilir. Brauzer tərəfindən açılması lazım olan dördüncü sənəddə pəncərənin qırıldığı çərçivələrin təsviri, həmçinin yaradılmış çərçivələrə səhifələri haradan yükləmək barədə brauzer üçün təlimatlar var. HTML sənədinin məzmunu Nümunə 8.1-də göstərilmişdir.

Misal 8.1. Çərçivə təsviri faylı

çərçivələri olan sayt

Burada iki yeni HTML elementi görə bilərsiniz: FRAMESET və FRAME. Birincisi, brauzer pəncərəsini və ya ana çərçivə pəncərəsini ayrı-ayrı çərçivələrə bölmək üçün istifadə olunur. FRAMESET elementi cüt teqlərlə müəyyən edilir Və. Pəncərəni çərçivələrə bölərkən FRAMESET elementinin aşağıdakı atributlarından istifadə olunur:

Cols - yaradılmış çərçivələr üçün enlik dəyərlərinin siyahısı (piksellərdə mütləq dəyərlər, faizlər, həmçinin mütənasib olanlar kimi istifadə edilə bilər, nümunə 8.1-ə baxın);

Satırlar - yaradılmış çərçivələr üçün hündürlük dəyərlərinin siyahısı (dəyərlər cols atributunun dəyərlərinə bənzəyir).

Atributlardan yalnız biri təyin edilə bilər. Bu halda, əgər yalnız col atributunun qiyməti qoyulubsa, onda yaradılmış çərçivələr brauzer pəncərəsinin bütün hündürlüyünü tutacaq. Yalnız sətir atributu təyin edilərsə, yaradılan çərçivələr brauzer pəncərəsinin tam genişliyini tutacaq. Hər iki atribut təyin edilərsə, çərçivələr soldan sağa və yuxarıdan aşağıya doğru yaradılır.

Etiketlər arasında Və HTML FRAME elementindən istifadə edən hər bir çərçivənin təsvirini və ya iç-içə çərçivələrin təriflərini ehtiva etməlidir. Əvvəlcə FRAME elementindən istifadə edən çərçivələrin təsvirini nəzərdən keçirək. Bu HTML?element tək teqdən istifadə etməklə müəyyən edilir . Aşağıdakılar onun ən çox istifadə olunan atributlarıdır:

Ad - hiperlinklərdə hədəf çərçivə kimi istifadə etməyə imkan verən çərçivənin adını müəyyənləşdirir;

Src məzmunu çərçivə pəncərəsində göstərilən sənədin URI-dir;

Noresize - boolean atribut, çərçivə pəncərəsinin ölçüsünü dəyişmək qabiliyyətini bloklayır;

Sürüşdürmə - çərçivə pəncərəsində sürüşmə çubuqlarını göstərməyə və ya gizlətməyə imkan verir, bəli (döndürmə çubuqlarını göstər), yox (döndürmə çubuqlarını göstərmə) və ya avtomatik (defolt: sürüşdürmə çubuqlarını yalnız məzmun uyğun gəlmirsə göstər) kimi təyin edilə bilər. pəncərə çərçivəsində);

Frameborder - brauzerin çərçivə pəncərə çərçivəsini göstərməli olub-olmadığını göstərir, 1 ola bilər (şəkil 8.1-də olduğu kimi çərçivə göstərilir, standart olaraq istifadə olunur) və ya 0 (çərçivə göstərilmir);

Marginheight - çərçivənin sərhədləri və məzmunu arasında şaquli məsafəni təyin edir.

Əvvəllər yuvalanmış çərçivələr anlayışına toxunulmuşdu. İndi çərçivə yuvasına ətraflı baxmaq vaxtıdır. HTML-də çərçivələr istənilən sayda yuvaya yerləşdirilə bilər. Bu, məsələn, Şəkil 1-də göstərildiyi kimi, brauzer pəncərəsini bölmək lazım olduqda faydalıdır. 8.1. Aşağıdakı parçanı diqqətlə öyrənin.

Bu, brauzer pəncərəsinin bütün hündürlüyünü əhatə edən iki çərçivədən ibarət xarici dəst yaradır. Bu, xarici dəstin sol çərçivəsində başqa bir çərçivə dəsti yaradır. Qeyd etmək lazımdır ki, blok … tək FRAME elementinə ekvivalentdir (xarici dəstdən tək çərçivənin məzmununu təsvir edir). Yuxarıdakı fraqmenti təhlil edərək birmənalı olaraq deyə bilərik ki, xarici çoxluğun sol çərçivəsi bölünür, page3.html sənədinin məzmunu isə sağ çərçivəyə yüklənir.

Çərçivə dəstini təsvir edən sənəddə daha bir diqqətəlayiq fərq var - onun gövdəsi (BODY elementi) yoxdur. Belə bir sənədin çərçivə dəstinin tərifindən başqa məzmuna malik olmasına icazə verilmir.

8.3. Yeni Hiperlink Xüsusiyyətləri

Demək olar ki, bu fəslin əvvəlində deyilirdi ki, çərçivələrdən istifadə edərək sayt naviqasiyasını elə təşkil edə bilərsiniz ki, serverdən yalnız lazımi məlumatlar və bütün statik hissələr (məsələn, sayt bağlantılarının siyahısı) yüklənsin. , sayt adı və s.) dəyişdiriləcək və ya serverdən yenidən yüklənəcək. Bu imkan hiperlinklər üçün hədəf çərçivəni təyin etməklə əldə edilir, bundan sonra yalnız çərçivələrdən birinin məzmununu dəyişdirmək lazımdır.

Fərdi hiperlinklərin hədəf çərçivəsi

Hədəf atributundan hər bir hiperlinkin hədəf çərçivəsini, yəni keçidlə açılan HTML sənədinin məzmununun göstəriləcəyi çərçivəni təyin etmək üçün istifadə olunur. Bu atributun dəyəri ya istədiyiniz çərçivənin adı (çərçivənin adı atributunun dəyərləri) və ya aşağıdakı əvvəlcədən təyin edilmiş sətir dəyərlərindən biri ola bilər:

Boş - sənədi yeni pəncərədə açın;

Özü - sənədi hiperlinklə eyni pəncərədə açın;

Valideyn - sənədi ana çərçivənin pəncərəsində açın (əgər hiperlinkin yerləşdiyi çərçivədə valideyn yoxdursa, _self-ə bənzər);

Yuxarı - əvvəllər yaradılmış bütün çərçivələri ləğv edərək brauzer pəncərəsinin məzmununu açılmış sənədin məzmunu ilə əvəz edin.

Hədəf atributu hiperlinklərə icazə verən bütün HTML elementlərində dəstəklənir: A, LINK, AREA.

İndi əldə edilmiş bilikləri möhkəmləndirmək üçün keçidləri, saytın adını və mətnini ayrı-ayrı çərçivələrdə yerləşdirərək əvvəlki fəslin 7.11-ci misalından sənədi yenidən hazırlayacağıq.

Frameset təsviri sənədi index.html adlandırılacaq. Onun məzmunu nümunə 8.2-də göstərilmişdir.

Misal 8.2. Frameset təsvir faylı

Çərçivələri olan yeni sayt

marginheight=0 frameborder=0>

Yuxarıdakı nümunədə yalnız bir çərçivəyə (aşağı sağda) ad verilmişdir. Məhz bu çərçivədə sənədlərin məzmunu nümayiş olunacaq.

links.html faylı nümunə fayllara hiperlinkləri olan sənəddən ibarətdir (başlanğıc səhifəsinə keçid də ona əlavə edilmişdir). Nümunə fayllarının Nümunələr qovluğunda yerləşdiyi güman edilir. Aşağıda links.html faylının məzmunu verilmişdir (hiperlinklərin hədəf atributunun parametrlərinə diqqət yetirin) (Nümunə 8-3).

Misal 8.3. Hiperlinklərlə fayl

Fəsil mətni

Misal 7.1

Misal 7.2

Misal 7.3

Misal 7.4

Misal 7.5

Misal 7.6

Misal 7.7

Misal 7.8

Misal 7.9

Misal 7.10

title.html faylı müvafiq çərçivədə göstərilən saytın başlığını (hipotetik loqo ilə birlikdə) ehtiva edir (nümunə 8.4).

Misal 8.4. Saytın başlığı ilə çərçivə üçün fayl

Sayt başlığı

7. Cədvəllər

Yuxarıdakı HTML sənəd mətnindən göründüyü kimi (Nümunə 8.4-ə baxın), loqo şəkli üçün məqbul tərtibata nail olmaq üçün cədvəldən istifadə edilməlidir.

Bu nümunə saytda başqa bir fayl istifadə olunur - start.html. Bu faylda saytın başlanğıc səhifəsi var. Bu faylın məzmunu istənilən ola bilər. Nümunəni yazarkən ch mətninin bir hissəsi. 7. Kitab sahəsinə qənaət etdiyinə görə bu faylın məzmunu göstərilmir.

Bütün sayt faylları yaradıldıqdan sonra nəticəyə heyran ola bilərsiniz (Şəkil 8.2).


düyü. 8.2. Sayt çərçivələrdən istifadə edərək yaradılmışdır

Defolt hədəf çərçivəsi

Nəhayət, bir çox hiperlink üçün hədəflə eyni çərçivədən istifadə edərkən HTML sənədindəki mətnin miqdarını necə azalda biləcəyinizi nəzərdən keçirin. Nümunə 8.3-dəki mətnə ​​bir daha nəzər salın. Bu nümunədəki hər bir hiperlink eyni hədəf atribut dəyərinə malikdir. Onu bir neçə dəfə təyin etməmək üçün standart hədəf çərçivəsini təyin edə bilərsiniz.

Hədəf çərçivəni standart olaraq təyin etmək üçün HTML? BASE elementindən istifadə edin (tək teq ). Bu elementin hədəf atributu standart çərçivənin adına təyin edilir. Əgər BASE elementi istifadə olunursa, o zaman HTML sənədinin HEAD hissəsində yerləşdirilməlidir.

Bunu nəzərə alaraq, Nümunə 8.3 aşağıdakı kimi yenidən yazıla bilər (Nümunə 8.5).

Misal 8.5. Standart hədəf çərçivədən istifadə

Fəsil mətni

Misal 7.1

Misal 7.2

Misal 7.3

Misal 7.4

Misal 7.5

Misal 7.6

Misal 7.7

Misal 7.8

Misal 7.9

Misal 7.10

8.4. NOFRAMES elementi

Çərçivələr, əvvəlki nümunələrdən aydın göründüyü kimi, çox cəlbedici bir sayt dizayn vasitəsidir. Bununla belə, HTML-də çərçivələr dərhal görünmədi və uzun müddət onlar standartlaşdırılmadı, buna görə də müxtəlif brauzerlər tərəfindən çərçivələrlə sənədlərin işlənməsi və təqdimatı hələ də əhəmiyyətli dərəcədə fərqlənə bilər. Bundan əlavə, kifayət qədər çox sayda istifadəçi hələ də çərçivələri dəstəkləməyən brauzerlərin köhnə versiyalarına sahib ola bilər.

Əgər çərçivələrdən istifadə edən sayta baxarkən istifadəçinin nəsə görməsi vacibdirsə, o zaman NOFRAMES HTML elementindən istifadə edilməlidir. Bu element cüt etiketləri ilə müəyyən edilir . Çərçivə dəstinin təsviri ilə bir faylda yerləşdirilir.

NOFRAMES elementinin teqləri arasında HTML?mətn yerləşir, əgər o, çərçivələri dəstəkləmirsə (və ya istifadəçi brauzerdə çərçivələri deaktiv edibsə) brauzer onu göstərir. Brauzer çərçivələri göstərə bilirsə, NOFRAMES elementinin teqləri arasındakı mətn nəzərə alınmır. Teqlər arasında mətn teqlər arasında olduğu kimi formatlana bilər Və.

Aydındır ki, NOFRAMES elementi daha yaxşı portativ saytlar yaradır, xüsusən də çərçivələr göstərilə bilməyəndə heç bir vacib məlumatın itirilməməsinə diqqət yetirildikdə. Daha əvvəl müzakirə olunan sayt üçün siz çərçivələrdən istifadə etməyən versiya yarada bilərsiniz (məsələn, yalnız cədvəllərdən istifadə etməklə yerinə yetirilir) və NOFRAMES elementinin daxilində məlumat mesajı və saytın bu versiyasına keçid yerləşdirə bilərsiniz (nümunə 8.6).

Misal 8.6. NOFRAMES Elementindən istifadə

Çərçivələri olan yeni sayt

marginheight=0 frameborder=0>

Diqqət! Brauzeriniz çərçivələri dəstəkləmir. Saytın çərçivələrdən istifadə etməyən versiyasını açmaq üçün üzərinə klikləyin

burada.

8.5. üzən çərçivələr

Daha əvvəl müzakirə edilən adi çərçivələrə əlavə olaraq, HTML sözdə üzən çərçivələrdən istifadə etməyə imkan verir. Üzən çərçivələr tam olaraq daxili HTML sənədlərinə bənzəyir: onlar brauzer tərəfindən birbaşa mətndə yerləşən pəncərədə göstərilir (şək. 8.3).


düyü. 8.3. Üzən Çərçivə Görünüşü


Üzən çərçivələr yaratmaq üçün HTML? IFRAME elementindən istifadə edin (qoşalanmış teqlərdən istifadə edərək təyin edin ). Üzən çərçivə aşağıdakı atributlardan istifadə etməklə konfiqurasiya edilir:

Src - çərçivə pəncərəsində göstərilən HTML sənədinin URI-si;

Frameborder - çərçivə sərhədinin göstərilməsi rejimi, 0 (sərhədi göstərməyin) və ya 1 (sərhədi göstər) dəyərlərini ala bilər;

Sürüşdürmə – çərçivə məzmununun sürüşdürmə çubuqlarının ekran rejimi, yox (sürüşmə çubuqlarını göstərməyin), bəli (sürüşmə çubuqlarını göstər) və ya avtomatik (standart olaraq istifadə olunur, yalnız məzmun uyğun gəlmədikdə sürüşmə çubuqlarını göstərin);

Marginwidth - çərçivə sərhədləri və onun məzmunu (piksellə) arasında üfüqi məsafəni təyin edir;

Marginheight - şaquli olaraq çərçivənin sərhədləri və məzmunu arasındakı məsafəni təyin edir;

Align - mətndə üzən çərçivənin yerini təyin edir, dəyərləri sola, sağa və mərkəzə götürə bilər;

Genişlik - üzən çərçivə pəncərəsinin enini təyin edir, dəyər mütləq (piksellə) və ya faiz ola bilər;

Hündürlük - üzən çərçivə pəncərəsinin hündürlüyünü təyin edir.

Teqlər arasında mətn yalnız üzən çərçivənin özü göstərilə bilmədikdə brauzer tərəfindən göstərilir.

IFRAME elementindən istifadə nümunəsi olaraq, aşağıdakı HTML sənədinin mətnidir, onun görünüşü əncirdə göstərilmişdir. 8.3 (misal 8.7).

Misal 8.7. üzən çərçivə sənədi

Üzən çərçivə səhifəsi nümunəsi

Üzən çərçivə belə görünür:

453

Frameset brauzer pəncərəsində çoxlu ayrıca sürüşmə sahələri yaratmağın asan yolu və çərçivənin məzmununu dəyişdirmək üçün əlverişli mexanizmdir.

Ancaq çərçivələrin də əhəmiyyətli çatışmazlıqları var. Buna görə də onlardan istifadə etmək tövsiyə edilmir. Çərçivələr HTML 4.01-də dəstəklənsə də, HTML 5-də deyil. Onlar zəngin CSS formatlaşdırma üsulları ilə əvəz olundu. Çərçivələrin əsas çatışmazlıqları:

  • Çərçivələr axtarış motorlarının işləməsi üçün çətindir;
  • Zəif URL uyğunluğu;
  • Çərçivələr bütün müştəri proqramları üçün mövcud deyil;
  • Çərçivələrdə göstərilən səhifələri işarələmək çətindir;
  • Veb səhifələri çap edərkən ümumi problemlər.

Tipik olaraq, çərçivələr bir pəncərə daxilində ayrıca sürüşdürülə bilən sahələr yaratmaq üçün istifadə olunur. Bu yanaşma mobil və masaüstü platformalar üçün tətbiqlərdə istifadə olunur. Belə proqramlara misal olaraq Windows Explorer-i göstərmək olar. Tədqiqatçı pəncərəsi iki hissədən ibarətdir. Pəncərənin sol tərəfində Qovluqlar və Sevimlilər, sağ tərəfdə isə pəncərənin sol tərəfində seçilmiş qovluğun məzmunu göstərilir.

Çərçivə dəstləri və çərçivə sənədləri

Çərçivələrdən istifadə etmək çətindir, çünki onlar çərçivələrin yerini müəyyən edən ayrıca HTML faylının yaradılmasını tələb edir. Həmçinin onları aktivləşdirmək üçün əlavə HTML faylları.

Çərçivə dəsti yaradın

Aşağıda HTML çərçivə dəstinin yaradılması nümunəsidir:

… …

Kod Xüsusiyyətləri:

  • Çatışmayan element " bədən". Onun rolunu etiket oynayır ;
  • etiketlər içərisində yerləşir , çərçivələrin məzmununu və onların xassələrini müəyyənləşdirin;
  • İstisna Və sənəddə artıq məzmun yoxdur.

Tag

Tag sənəddə çərçivənin yerləşməsinə görə məsuliyyət daşıyır. Orada göstərilən dəyərlər çərçivələrin sıra və sıralarının sayını, həmçinin çərçivələrin enini müəyyənləşdirir. Tag Format göstərildiyi kimi:

Sütun və ya sıra ölçüləri piksel, faiz və ya "*" kimi göstərilə bilər. Sonuncu halda, brauzer pəncərənin qalan hissəsini sütunlara böləcək, burada "*" dəyəri onların genişliyini göstərir.

cols və ya rows atributunun dəyəri həmçinin səhifədə göstəriləcək çərçivələrin sayını müəyyən edir. Hər bir giriş (dəyər) bir etiket tələb edir etiketin içərisində .

Etiket yaratmaq üçün aşağıdakı nümunələri nəzərdən keçirin :

Tag

Tag frameset teqinə əlavə edilmiş çərçivə dəstindəki hər bir çərçivənin xassələrinə cavabdehdir. Aşağıdakı sintaksisə malikdir:

Name atributu çərçivəyə URL-lər, skriptlər və s. ilə istinad edilə bilən unikal ad verir.Bu, çərçivənin məzmununu idarə etmək üçün lazımdır. src atributu çərçivədə göstərilməli olan məzmunun URL-ni təyin etmək üçün istifadə olunur.

Tag daha bir atributu dəstəkləyir - noresize . Varsayılan olaraq, çərçivə ölçüsü dəyişdirilə bilər. Ölçü dəyişməsini söndürmək üçün noresize atributunu noresize təyin etməlisiniz.

Misal üçün :

Çərçivələr üçün bağlantıların müəyyən edilməsi

Çərçivənin məzmununu dəyişdirmək üçün istədiyiniz çərçivəni təyin etməlisiniz. Bunun üçün ad atributundan istifadə olunur. Bu adlar daha sonra çərçivə üçün yeni məzmun təyin etmək üçün skriptlərdə və keçid teqlərində istifadə oluna bilər.

Siz link teqinin hədəf atributundan istifadə edərək çərçivə dəstindəki çərçivənin məzmununu dəyişə bilərsiniz. Hədəf atribut üçün aşağıdakı dəyərlərə icazə verilir:


Misal üçün :