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ü?
cevap
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>
PHP YÖNTEMİ: ki, eğer siteyi templating için php include
kullanabilirsiniz fileName.html
fileName.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.
ama .. .. OP bir php' etiketi eklenmedi –
@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 :) –
Ş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. –
- 1. başka bir sayfada bir aspx sayfası görüntüleniyor
- 2. C# kodunu formatlayan bir CSS stil sayfası önerebilir misiniz?
- 3. Postgres'te 1 bayt numara saklamak mümkün mü?
- 4. Hangi sayfada bir HTML sayfası geçerli hale getiriyor?
- 5. Bir sayfada birden fazla Twitter Bootstrap karuseli olması mümkün mü?
- 6. Yeni Facebook Sayfası Eklentisini stillendirmek mümkün mü?
- 7. Bir html elemanını aynı sayfada iki kez görüntülemek mümkün mü yoksa bir kopya mı oluşturmalıyım?
- 8. XAML'de denetimleri seçici olarak etkileyen bir stil ayarlamak mümkün mü?
- 9. Açısal - Bir denetleyiciyi yenilemek mümkün, ancak HTML sayfası değil
- 10. Chrome Yüklenmiyor Stil sayfası
- 11. WPF'de konum tabanlı stil mümkün mü? BB'de
- 12. PDF'leri Preview.app ile belirli bir sayfada açmak mümkün mü?
- 13. Düzenin Sinatra'daki bir HAML şablonunun başlığına stil sayfası nasıl eklenir?
- 14. Tüm bir HTML belgesine "twist & squeeze" dönüşümü uygulamak mümkün mü?
- 15. GitHub kodunu Plunker'da açmak mümkün mü?
- 16. stil sayfası koşullarının yüklenmesi
- 17. Üç.js tarafından otomatik olarak oluşturulan tuvayı stil/konumlandırmak mümkün mü?
- 18. Bir jvm'de bir java işleminde başka bir jvm'de başka bir java işlemini durdurma/durdurma mümkün mü?
- 19. Başka bir servisin içinde bir servis enjekte etmek mümkün mü?
- 20. Bir işlevi php (posta gibi) ile değiştirmek ve başka bir şey yapmak mümkün mü?
- 21. Bir HTML textarea öğesindeki kaydırma çubuğunu gizlemek mümkün mü?
- 22. jQuery ajax ile başka bir sayfada bir div html nasıl alınır?
- 23. Bootstrap + Kendi Stil Sayfası
- 24. Qt Stil Sayfası
- 25. Yanlış stil sayfası kullanımda
- 26. Bir python modülü içe aktarma işlemini dönüş gibi bir şeyle sonlandırmak mümkün mü?
- 27. Başka bir sayfada magento oturum değişkeni alın
- 28. Başka bir pencerenin bağlamında Javascript yöntemini çağırmak mümkün mü?
- 29. Java gibi özel GUI oluşturmak mümkün mü?
- 30. Bir javascript kodunu bir kullanıcının tarayıcısına güvenli bir şekilde göndermek mümkün mü?
http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file –