2016-03-27 13 views
0

Sadece 'html' için bir stil sayfası var mı diye merak ediyorum. Ya ilk 'olarak aynı' html 'bir çok içeren ikinci bir' html 'dosyası varsa ne. Tüm farklı bitleri kopyalamak ve yapıştırmak yerine, ikinci sayfada "html" ifadesini saklamak ve yapmak için bir stil sayfası gibi bir şey kullanabilir miyim?'html' kodunu bir stil sayfası gibi başka bir sayfada saklamak mümkün mü?

+3

http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file –

cevap

0

Bu, yalnızca HTML kullanılarak mümkün değildir, ancak PHP, Node.js ve Django gibi birçok sunucu tarafı ve istemci tarafı çerçeveleri, örneğin bir web sitesinde aynı üstbilgiyi kullanarak bir HTML dosyasını diğerine eklemenize olanak tanır.

Veya dosyayı almak için JavaScript'i kullanabilirsiniz. İşte jQuery kütüphanesini kullanarak bir örnek:

<html> 
    <head> 
    <script> 
     $("#header").load("header.html"); 
    </script> 
    </head> 
    <body> 
    <div id="header"></div> 
    </body> 
</html> 
1

PHP YÖNTEMİ: ki, eğer siteyi templating için php include kullanabilirsiniz fileName.htmlfileName.php için gelen html dosyasını yeniden adlandırın.

Burada aynı navbar tutmanın bir örnek, tüm sayfalarda navbar.php ki:

navbar.php:

<ul> 
    <li>Home</li> 
    <li>About</li> 
    <li>Contact</li> 
</ul> 

yukarıdaki dosyanın dahil olmak üzere her sayfaya eklenecektir.

index.php:

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="banner"> 
    .... 
</div> 

about.php:

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="someDiv"> 
    .... 
</div> 

contact.php: Yani eğer

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="someDiv"> 
    .... 
</div> 

navbarınıza biraz değişiklik yapmanız gerekiyor, sadece navbar.php dosyasını düzenleyebilirsiniz ve değişiklikler tüm sayfalara yansıtılacaktır.

+0

ama .. .. OP bir php' etiketi eklenmedi –

+0

@Reddy Agreed . Ancak bu yöntem istediğini elde etmek için en temiz yöntemdir. Ama eğer bunu görür ve PHP'yi kullanmak istemediğini belirtirse, bunu sileceğim :) –

+1

Şerefe bu fikri yalnızca Php kullanıcıları ile sınırlayacaktır. Ben jquery kullanarak düşünüyorum, '$ (' div '). geniş kalabalık tarafından kabul edilebilir. –

İlgili konular