• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Per Verweis doppelten Code einsparen

HtmlAnfänger1

Neues Mitglied
Hallo zusammen,

ich programmiere gerade meine erste Seite. Habe in meiner index.html Datei mehrere Div Abschnitte, welche die Seite unterteilen. Ich habe die Div Abschnitte die ich mit einer ID versehen. Die Menüleiste möchte ich in allen Hauptseiten haben, daher "über uns", "Social Media" etc.
Kann ich nun die Menüleiste in der Index Datei schreiben und in den Hauptseiten einfach den Div Abschnitt aufrufen? Dann müsste ich Änderungen auch nur in der Index.html Datei vornehmen und hätte die Menüleiste automatisch in allen Hauptseiten?!

Danke vorab
 
Danke, habe ich so gemacht nur klappt es noch nicht ganz, Kopfleiste wurde als php abgelegt:

Einbinden:
<?php include 'Kopfleiste.php';?>

Ausgelagerter Code:

<Kopfleiste>
<div id="Menu">
<div id="Navigator">
<div id="Navigationsleiste">
<ul>
<li><a href="index.html"> Start</a></li> <li>
<a href="L1_IchbenoetigeHilfe.html"> Ich ben&oumltige Hilfe</a></li><li>
<a href="L1_IchmoechteHelfen.html"> Ich m&oumlchte helfen</a></li> <li>
<a href="L1_Ueberuns.html"> &Uumlber uns</a></li> <li>
<a href="L1_Kontakt.html"> Kontakt</a></li><li>
<a href="#"> Social Media<img src="Bilder/arrow.png"></a>
<ul>
<li><a href="http://www.youtube.com">Youtube</a></li>
<li><a href="http://www.twitter.com">Twitter</a></li>
<li><a href="http://www.facebook.com">Facebook</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</Kopfleiste>
 
Habe es jetzt so probiert, geht aber auch nicht... leider:

index.php Datei:

<html>
<!doctype html>
.
.
.
<?php include ("Kopfleiste.html");?>
.
.
.
</html>
___________________________________________________________

Kopfleiste.html Datei:



<html>
<div id="Menu">
<div id="Navigator">
<div id="Navigationsleiste">
<ul>
<li><a href="index.html"> Start</a></li> <li>
<a href="L1_IchbenoetigeHilfe.html"> Ich ben&oumltige Hilfe</a></li><li>
<a href="L1_IchmoechteHelfen.html"> Ich m&oumlchte helfen</a></li> <li>
<a href="L1_Ueberuns.html"> &Uumlber uns</a></li> <li>
<a href="L1_Kontakt.html"> Kontakt</a></li><li>
<a href="#"> Social Media<img src="Bilder/arrow.png"></a>
<ul>
<li><a href="http://www.youtube.com">Youtube</a></li>
<li><a href="http://www.twitter.com">Twitter</a></li>
<li><a href="http://www.facebook.com">Facebook</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</html>

_______________________________________

Die Menüleiste wird einfach nicht angezeigt, daher der Zugriff auf den ausgelagerten Quellcode funktioniert nicht...

Danke vorab für die Unterstützung
 
Zurück
Oben