Bir HTML Dosyasını Başka Bir Dosyaya Nasıl Dahil Edersiniz?

Bu makalede, "Dahil Edilenler"in nasıl çalıştığı açıklanmakta ve Sunucu Tarafı İçerir, PHP İçerir ve JavaScript İçerir'in kullanımına ilişkin adımlar sağlanmaktadır.

Sunucu Tarafı İçeriğini Kullanma

Sunucu Tarafı İçeriği ilk olarak web geliştiricilerinin HTML belgelerini diğer sayfaların içine "dahil etmesine" izin vermek için geliştirilmiştir. Temel olarak, bir belgede bulunan bir pasaj, sayfa sunucuda çalıştırıldığında ve web tarayıcısına gönderildiğinde diğerine dahil edilir.

SSI çoğu web sunucusunda bulunur, ancak çalışmasını sağlamak için etkinleştirmeniz gerekebilir. Sunucunuzun SSI'yi destekleyip desteklemediğini bilmiyorsanız, barındırma sağlayıcısı.

Aşağıda, tüm web sayfalarınıza bir HTML snippet'i eklemek için SSI'yi nasıl kullanabileceğinize dair bir örnek verilmiştir:

1. Sitenizin ortak öğeleri için HTML'yi ayrı dosyalar olarak kaydedin. Örneğin, gezinme bölümünüz şu şekilde kaydedilebilir: navigasyon.html veya navigasyon.ssi.

2. Her sayfaya bu HTML belgesinin kodunu eklemek için aşağıdaki SSI kodunu kullanın.

   
   veya.
   

   Dahil etmek yönerge iki parametre kabul eder. Gerçek dosya adının web sitesinin belge köküne göre olduğunu varsayar, oysa dosya mutlak bir dosya yolunu kabul eder.

3. Dosyayı eklemek istediğiniz her sayfaya bu kodu ekleyin.

PHP İçeriğini Kullanmak

SGK gibi, PHP sunucu düzeyinde bir teknolojidir. Web sitenizde PHP işlevselliğinin olup olmadığından emin değilseniz, barındırma sağlayıcınıza başvurun.

Herhangi bir PHP-etkin web sayfasına bir HTML parçacığı eklemek için kullanabileceğiniz basit bir PHP betiği:

1. Dosyaları ayırmak için sitenizin gezinme gibi ortak öğeleri için HTML'yi kaydedin. Örneğin, gezinme bölümünüz şu şekilde kaydedilebilir: navigasyon.html veya navigasyon.ssi.

2. Bu HTML'yi her sayfaya eklemek için aşağıdaki PHP kodunu kullanın (dosyanızın yolunu ve dosya adını tırnak işaretleri arasında değiştirerek).

3. Dosyayı eklemek istediğiniz her sayfaya aynı kodu ekleyin.

JavaScript içerir

JavaScript sitenizin sayfalarına HTML eklemenin başka bir yoludur. Bu teknik, sunucu düzeyinde programlama gerektirmez, ancak biraz daha karmaşıktır - ve açıkçası Javascript'e izin veren bir tarayıcı için çalışıyor, çoğu kullanıcı devre dışı bırakmaya karar vermediği sürece o.

İşte nasıl yapabileceğiniz JavaScript kullanarak bir HTML pasajı ekleyin:

Sitenizin ortak öğelerinin HTML'sini bir JavaScript dosyasına kaydedin. Bu dosyaya yazılan herhangi bir HTML, ekrana şu şekilde yazdırılmalıdır: belge.yaz işlev.

1. O dosyayı web sitenize yükleyin.

2. Kullanın 

3. Dosyayı eklemek istediğiniz her sayfada aynı kodu kullanın.

HTML Neleri İçerir?

Dahil etme, kendi başına tam bir HTML belgesi olmayan bir HTML bölümüdür. Bunun yerine, programlama yoluyla tam bir web sayfasına eklenebilen başka bir sayfanın bir parçasıdır. Çoğu içerme dosyaları, bir web sitesinin birkaç sayfasında tekrarlanan yukarıda belirtilen öğelerdir. Örneğin:

• Navigasyon
• Telif hakkı bilgileri
• Başlık alanları
• Altbilgi alanları

'İçerir' Web Tasarımını Nasıl Daha Verimli Hale Getirir?

Hemen hemen tüm web siteleri, logonun bulunduğu başlık alanı, gezinme menüsü ve alt bilgi alanı da dahil olmak üzere sitedeki her sayfada tekrarlanan tasarım öğelerini içerir.

Bir sitede tekrarlanan öğeler, kullanıcı deneyiminde tutarlılık sağlar. Bir ziyaretçinin navigasyonu her sayfada bulması gerekmez, çünkü onu bulduktan sonra, ziyaret ettikleri sitenin diğer sayfalarında nerede olacağını bilirler.

Dahil edilen içerik, bu tekrarlanan içerik için sitenizin her sayfasını düzenleme ihtiyacını ortadan kaldırır. Bunun yerine, bir dosyayı düzenlersiniz ve ardından sitenizin tamamı ve içindeki her sayfa güncellemeyi alır.

İçerik Yönetim Sistemlerinde Tekrarlanan İçerik

Siteniz bir CMS kullanıyorsa, muhtemelen belirli şablonları kullanır veya bu yazılımın bir parçası olan temalar. Bu şablonları sıfırdan özel olarak oluştursanız bile site, sayfalar için bu çerçeveden yararlanmaya devam eder. Bu nedenle, bu CMS şablonları, sitenin her sayfada tekrarlanan alanlarını içerir. CMS'nin arka ucunda oturum açmanız ve gerekli şablonları düzenlemeniz yeterlidir. Bu şablonu kullanan sitenin tüm sayfaları güncellenecektir.

Siteniz için bir içerik yönetim sistemi kullanmasanız bile, dahil edilen dosyalardan yararlanabilirsiniz. HTML'de, içerir sitenizin bu şablonlu alanlarını yönetmenize yardımcı olur.

Diğer Dahil Etme Yöntemleri

Sayfalarınıza HTML eklemenin başka yolları da vardır. Bazıları diğerlerinden daha karmaşıktır ve birçoğu bugünün standartlarına göre gerçekten eskidir.

• CGI içerir: Kullanabilirsiniz Perl veya başka bir programlama dili ile sayfalarınızı oluşturun ve ardından istediğiniz her şeyi "gerekli" dosyalar olarak veya bunları manuel olarak okuyarak ekleyin.
• Flaş içerir: Sitenizi tamamen Adobe Flash'ta oluşturursanız, sitenin öğelerini eklemek için bunu kullanabilirsiniz. Bu yöntem eskidir ve tam Flash siteleri bugünlerde Web'de nadirdir.
• Çerçeveler şunları içerir: Aynı öğeleri birkaç sayfada tekrar tekrar kullanmak yerine, çerçevelerin sitenin yinelenen bölümleri olduğu çerçeveli bir site oluşturun. Ancak, iframe öğesi dışında, çerçeveler HTML5'te eskidir.
• İçerik Yönetim Araçları şunları içerir:: Şablon oluşturma, CMS'nin en önemli satış noktalarından biridir ve günümüzde çoğu sitede bu iş gerçekten bu şekilde yürütülmektedir.