Bir HTML faylını digərinə necə əlavə etmək olar

HTML istifadə edərək, sitenizi idarə etməyi çox asanlaşdırır

Hər hansı bir veb səhifəyə keçin və səhifədən səhifəyə keçin və tez bir zamanda bu səhifələrin hər biri bir-birindən fərqli ola biləcəyini anlayacaqsınız, digərləri də olduqca oxşardır. Demək olar ki, bütün saytlar sitenin hər səhifəsində təkrarlanan dizaynın elementlərini ehtiva edir. Hər bir səhifədə tapılacaq sayt elementlərinin bəzi nümunələri logo yerləşdiyi başlıq sahəsi, naviqasiya və altlıq sahəsi olacaqdır.

Bir saytda təkrarlanan elementlər istifadəçi təcrübəsində tutarlılığa imkan verir. Ziyaretçinin naviqasiyanı hər səhifənin yerini tapmaq lazım deyil, çünki onlar onu tapdıqdan sonra, ziyarət etdikləri saytın digər səhifələrində olduğu yerləri bilirlər.

Web Dizaynını daha səmərəli etmək üçün necə daxildir

Bir veb saytın idarə olunması ilə əlaqədar birinin vəzifəsi olduğu üçün, bu təkrarlanan sahələr bir problem təklif edir. O bölgədə bir şey dəyişikliyə ehtiyacınız varsa? Məsələn, altbilginiz (sitenin hər səhifəsində olan) bir il ilə bir müəllif hüququ bəyanatı varsa, o il dəyişdikdə və tarixi düzəliş etmək lazımdır? Bu bölmə hər səhifədə olduğundan, bu dəyişikliyi etmək üçün indi sitenizin hər bir səhifəsini fərdi şəkildə düzəltməlisiniz - yoxsa?

Daxil olan məzmun sitenizin bu təkrarlanan məzmunu üçün hər bir səhifəsini redaktə etmək ehtiyacını aradan qaldıra bilər. Bunun əvəzinə sadəcə bir fayl və bütün saytınızı redaktə edirsiniz və hər bir səhifə yeniləmə alır!

Bu funksiyanı sitenize əlavə edə bilərsiniz və bir sıra digər HTML faylını bir neçə şəkildə nəzərdən keçirək.

Məzmun İdarəetmə Sistemlərində Təkrarlanan Məzmun

Siteniz bir CMS istifadə etsə, ehtimal ki, müəyyən şablonları istifadə edir və ya mövzular həmin proqramın bir hissəsidir. Xüsusi olaraq bu şablonları sıfırdan qurarsanız, sayt hələ də bu çərçivəni səhifələr üçün istifadə edir.

Belə ki, həmin CMS şablonları saytın hər bir səhifəsində təkrarlanan sahələri əhatə edəcəkdir. Siz sadəcə CMS-in arxasındasınız və lazımi şablonları düzəldəcəksiniz. Şablondan istifadə edən bütün saytlar yenilənəcəkdir.

Siteniz üçün bir içerik yönetim sistemi yoxdursa bile, daxil edilmiş fayllardan yararlanabilirsiniz. HTML-də, sitenizin bu şablon sahələrini daha asan idarə etməyə kömək edə biləcəklər var.

HTML nədir?

Daxil etmə, bir HTML sənədinin özü deyil bir HTML bölməsidir. Bunun əvəzinə, tam bir web pages proqramına daxil oluna biləcək başqa bir səhifənin bir hissəsidir. Ən çox fayllar bir veb səhifənin bir neçə səhifəsində təkrarlanan yuxarıda qeyd olunan maddələrdir. Misal üçün:

Bu təkrarlanan sahələrin səhifələrə daxil olması üstünlük təşkil edir. Təəssüf ki, bir faylın yerləşdirilməsi prosesi tək HTML ilə baş verə biləcək bir şey deyildir, belə ki, sizin veb səhifələrinizə əlavə faylları əlavə edəcək bir sıra proqram və ya skriptə ehtiyacınız var.

Server Side istifadə edir

Server Side, SSI olaraq da bilinir, ilk növbədə, veb səhifənin inkişaf etdiricilərinə digər sənədlərin içərisində HTML sənədlərini "əlavə etmək" imkanına malikdir.

Əsasən, bir sənəddə tapılan snippet, səhifənin serverdə işlədildiyi və veb brauzerinə göndərildiyi zaman başqa birinə daxil edilir.

SSI ən çox web serverlərinə daxil edilir, ancaq onu əldə etmək üçün onu aktivləşdirməlisiniz. Sunucunuzun SSI-ni dəstəkləməyini bilmirsinizsə, hosting provayderinizlə əlaqə saxlayın.

Bütün web pages bir HTML parçasını daxil etmək üçün SSI-dən necə istifadə edə bilərsiniz:

  1. Sitenizin ümumi elementləri üçün ayrı HTML faylları olaraq HTML saxlaya bilərsiniz. Məsələn, naviqasiya bölməniz naviqasiya.html və ya navigation.ssi kimi saxlanıla bilər .
  2. Hər bir səhifənin HTML sənədinin kodunu daxil etmək üçün aşağıdakı domen kodunu istifadə edin ( dosyanızın yolunu və dosyanızı tırnak işarələri arasında əvəz et ). {C}
  1. Faylı daxil etmək istədiyiniz hər bir səhifədə bu kodu əlavə edin.

PHP istifadə edərək daxildir

PHP bir server səviyyəli scripting dili. Bir çox şey edə bilər, amma bir ümumi istifadə, HTML sənədlərini səhifələrinizə daxil etməkdir.

SSI kimi PHP bir server səviyyəli texnologiyadır. Veb sayta PHP funksiyanız olub-olmadığından əmin deyilsinizsə, hosting provayderinizlə əlaqə saxlayın.

PHP-nin effektiv bir veb-səhifəsində HTML parçasını daxil etmək üçün istifadə edə biləcəyiniz sadə bir PHP skripti:

  1. HTML'yi, naviqasiya kimi sitenizin ümumi elementləri üçün faylları ayırmaq üçün saxlaya bilərsiniz. Məsələn, naviqasiya bölməniz naviqasiya.html və ya navigation.ssi kimi saxlanıla bilər .
  2. Aşağıdakı PHP kodunu istifadə edin ki, hər bir səhifənin HTML- dəki ( dosyanızın yolunu və filenadını tirnoq işarələri arasında əvəz edəsiniz ) daxil edin. naviqasiya.php ");?>
  3. Faylı daxil etmək istədiyiniz hər bir səhifəyə eyni kod əlavə edin.

JavaScript daxildir

JavaScript-də sitenizin səhifələrindəki HTML-yə daxil olmanın başqa bir yoludur. Bu, server səviyyəli proqramlaşdırma tələb etməyən üstünlüyə malikdir, lakin bir az daha mürəkkəbdir - və bu, əlbəttə ki, istifadəçi onu aradan qaldırmaq istəmədikdə ən çox istifadə edən bir Javascript üçün imkan verən bir brauzer üçün işləyir.

JavaScript istifadə edərək, HTML parçasını necə birləşdirə bilərsiniz:

  1. Sitenizin ümumi elementləri üçün HTML faylını bir JavaScript faylına qoşun. Bu faylda yazılmış hər hansı bir HTML, document.write funksiyası ilə ekrana yazılmalıdır.
  2. Faylı veb saytınıza yükləyin.
  3. JavaScript faylını səhifələrinizə daxil etmək üçün