Wie websites halten Sie die Kopfzeile auf jeder Seite, wenn der header in html?

So, ich bin versucht, eine website zu machen, aber das problem ist ich kann nicht finden die effektivste Weg, um den header auf jeder einzelnen Seite. Mein header ist ein HTML-code, und es ist die wichtigste Quelle für die navigation auf der website. Die Registerkarten navigieren mit links zu anderen HTML-Dateien (befindet sich lokal auf meinem Rechner) und so ist jede einzelne neue Seite ist eine separate HTML-Datei. Hier sind die verschiedenen Methoden, die ich verwendet, fielen alle kurz in die eine oder andere Weise:

Am einfachsten: Kopieren Sie die header-code auf JEDER HTML-Seite auf der website.
Ich bin derzeit mit dieser Methode, und es ist wahrscheinlich das die meisten unwirksam und dumme Methode überhaupt. Die Kehrseite der Medaille (das ist ziemlich offensichtlich) ist, dass es ist nicht nur langweilig, sondern jedes mal, wenn ich eine änderung der überschrift (wie vielleicht hinzufügen, verschiedene Menüs, fügen Sie eine weitere Registerkarte, ändern Sie die Bild, etc.) Ich kopieren Sie die neue header-code, um alles andere. Das ist doch lächerlich!!
Ich habe versucht mit der w3schools Methode zum implementieren einer separaten HTML-Datei (mit HTML code) auf die Seite auf HTML-Dateien. Also, ich habe diese 1 HTML-Datei die Kopfzeile, die auf jeder Seite verwendet, damit ich eine änderung in einer Datei, und es gilt automatisch für alles andere. Aber es ließ mich nicht organisieren die zahlreichen HTML-Dateien effektiv, weil im Gegensatz zu verweisen auf ein stylesheet wie einige Datei namens " style.css' es nicht lassen, mir den HTML-Blatt in einem Ordner, die nicht teilen, die gleiche übergeordnete Ordner der referenzierenden HTML-Seite Dateien. Hoffentlich, das Sinn machte, aber im Grunde, ich konnte nicht einen Ordner, der getrennt im HTML-Menü tab-Dateien ("Webseiten") und die HTML-Dateien ("posts"), ohne die w3school-code scheitern. Hier der link: https://www.w3schools.com/howto/howto_html_include.asp
Ich habe gesehen, andere Optionen auf Stackoverflow, wie immer um die "nicht umsetzen können HTML-Dateien" durch die Verwendung von js-Dateien mit html-code in einem Dokument.schreiben(), aber dies ist für mich sehr schwer zu bedienen, weil alle meine bisherigen Fortschritte. Auch ich bin sehr unbequem mit der Idee der Verwendung von Dokument.schreiben, weil es wohl doch sehr Verschieden von einem echten html-Datei. Ernsthaft, warum gibt es keine HTML-Umsetzung des Systems, die stylesheets und Skripts haben??? (script src=". b.js" script und link href="css/style.css" type="text/css")
Mithilfe von jQuery. Ich verstehe, das die wenigsten (ein amateur-Programmierer), aber ich habe gehört, es ist nicht konsistent entweder. Es scheint nicht zu funktionieren auf eine lokale Datei, und das klingt wie ein Alptraum. Obwohl, wenn es gibt gute Vorschläge, dass ein jquery-file-tag zusammen scheint nicht die beste Lösung, aber immer noch eine plausible Lösung.

So, ich bin in großen Schwierigkeiten. Wie gehen andere websites dies tun? Verwenden Sie unterschiedliche Dateien??? Verwenden Sie die PHP-Dateien?? Bin ich gehen zu müssen, Schrott, alle meine harte header HTML arbeiten und styling, weil PHP ist eine andere Sprache?? Muss ich verwenden Angular.js??? Das ist so kompliziert!

Ich hoffe, diese Frage machte Sinn. Bitte Fragen Sie, wenn Sie Fragen haben. Vielen Dank im Voraus.

UPDATE
Nach Prüfung der zahlreichen anderen Beiträge auf Stackoverflow was darauf hindeutet, PHP, ich habe meine HTML-Dateien und dann umbenannt von "index.html" zu "index.php" und der Heilige makro es eigentlich immer noch benommen wie eine HTML-Datei, selbst wenn es war nicht!! Jetzt muss ich einen Weg finden, zu sagen:

    include("header.php");

in meine Seite PHP-Dateien, die sind eigentlich in den HTML-code zum Verweis auf eine separate PHP-Datei, hat sich mein header. Wie mache ich das? Gehört es, wie in script-tags oder so? Wie füge ich den PHP-code in eine PHP-Datei geschrieben, in HTML-code? Vielen Dank für die Antworten auf meine Vorherige Frage, ich bin so sorry, ich sollte gelesen haben die Antworten auf Stackoverflow mehr gründlich erste.

Nein, Sie nicht haben, um Schrott zu Ihrer Arbeit. Sie müssen nur, um es zu ändern. Sie müssen erstellen Sie eine Form von einer Art sein. html ist der Kuchen. Sie können ihn Formen, perfectyl, um Ihre Bedürfnisse anzupassen, die von hand, aber tun so für 100-Seiten - oder Kuchen - ist zeitaufwendig. Backen mit einer Form ist viel einfacher. Blick in den PHP-Vorlagen oder andere web template-engine. PHP-Vorlagen - zum Beispiel - werden verwendet, zum erstellen von dynamischen Inhalten basierend auf einer ähnlichen Vorlage. Der header wird gestaltet von der header.php Vorlage und das Ergebnis ist einfach 'html'

InformationsquelleAutor Grace Sawyer | 2017-06-18

3

So, ich weiß, es ist schon eine Weile her seit ich die Frage gestellt habe und wahrscheinlich niemand mehr kümmert, aber ich möchte einfach nach einem update nach der Suche nach einer Lösung auf meine Frage über die Verwendung von php-code und wie das alles funktioniert.

Zuerst habe ich gelernt, dass, um für diese zu arbeiten, alle meine Dateien hatte, um im php-format. So zog ich meine Ordner von meinem lokalen HTML-Dateien und buchstäblich nur umbenannt es so etwas wie "index.html" zu "index.php". Dann, ohne änderung der HTML-code, ich öffnete es in meinem browser und es war wie nichts passiert, außer es wurde besser! Jetzt kann es nicht nur Lesen, HTML-und style-und script-codes, aber auch php-codes, wie gut! Ich fügte hinzu:
```
<?php
    include("header.php");
?>
```
an die Spitze meiner index.php Datei, zum Beispiel, und dann in dem rest der Dateien in php-format wie ich für diese. Kopiert habe ich über mein header der html-und css-code und speichert diese in einer separaten php-Datei im gleichen Ordner, und - es wurde kein header. Ich war verwirrt. Was?? Warum ist es nicht etwas zu tun? Die header.php selbst arbeitet, warum ist der include-Funktion nicht??

Dann erfuhr ich, dass dieser php-code enthalten, können nicht ausgeführt werden auf meinem lokalen Laufwerk, so es funktioniert nicht auf meinem lokalen Laufwerk arbeitet aber, wenn es öffentlich ist und auf einer echten website-hosting-service. Ich habe dann XAMPP installiert, die eine Häufig verwendete PHP-Entwicklungsumgebung, die eine Apache-distribution und ist völlig kostenlos. Es läuft eine Art von lokalen hosting-service, der Unterstützung dieser php-code und führen Sie zu führen Sie die Art, wie ich es beabsichtigt haben. Tut mir Leid ich bin nicht gut im erklären, wie das funktioniert, denn ich finde es einfach und verwenden Sie es. Na ja, XAMPP hat die php-code enthalten, über die tatsächlich Ihre Arbeit tun und ich habe endlich die header-system, das ich immer wollte. Happily ever after, richtig?

NÖ. Nun, das Zeugs ist Weg, ich habe zu Gesicht die anderen Probleme, wie das formatieren (ein echter Schmerz im a** überlegt, wie ich finden müssen, um css-Probleme in Tonnen und Tonnen von überlappenden code), die Schaffung eines gesamten persönlichen such-system (nachdem Sie sich, um herauszufinden, wie man eine php-Datei verwenden eigentlich meine neue MySQL-Datenbank, welche von XAMPP), und viele andere Dinge. Aber, das klingt wie ein großes Abenteuer, dass ich bereit bin und auf jeden Fall eifrig durch zu gehen. Nun, endlich bin ich fertig gequatscht für den Tag...ich Frage mich, wie viele Stunden die anderen Menschen die Zeit, die ich gerade verschwendet.

Ach ja..ich vergaß zu erwähnen, glückliches Viertel von Juli! (und happy birthday an die Geliebte Captain America)

InformationsquelleAutor Grace Sawyer
2

Mit JavaScript und jQuery ist eine sehr einfache Möglichkeit, dies zu erreichen. Zunächst nur eine Stichprobe erstellen, die JavaScript-Datei. Im inneren, stellen Sie Funktionen, die ausgeführt werden, die beim laden der Seite. Zum Beispiel,
```
function buildPage() {
    var html = ' ';
    //Build the html through the function
    //In the end...
    $('html-id').empty().append(html);
}
```
Diese Weise jedes mal, wenn die html aufgebaut ist, können Sie einfach leer(klar ist, was in den id 'html-id') und fügen Sie dann Ihre spezifischen html. Zum Beispiel,
```
<html>
    <head>Put header here!</head>
    <body>
        <div>Put tabs with onclick events here</div>
        <div id="html-id"></div>
    </body>
</html>
```
Jedes mal ein anderes tab klickt, wird die buildPage () - Funktion muss aufgerufen werden, um die Seite entsprechend. Nicht mehrere html-Header benötigt!
- Client-side JavaScript ist ungeeignet für diese.
- können Sie erklären, warum?
InformationsquelleAutor Philip Cornelius Glover
1

Etwas schreiben wie, dass
```
<html>
<head>
<title>First page</title>
</head>
<body>
<?php include ("header.php"); ?>




?php include ("footer.php"); ?>
</body>
</html>
```
Es ist empfohlen zu tun hat, Weg. WordPress arbeitet auch so. Include-Dateien zur Haupt-php-Datei.

**Beachten Sie alle Ihre Dateien zu .php
- Das ist genau das, was ich getan habe. Nichts wird angezeigt! Keine Fehlermeldungen, nichts. Die Datei mit dem code wie deiner oben ist php. Der verweisenden header-Datei php. Ist alles php. Der Standort richtig ist. Die header.php Datei arbeitet. Die index.php nicht. Das ist jenseits meines Verständnisses.
- Veröffentlichen Sie Ihren code. Ihr web-server richtig arbeitet ?
InformationsquelleAutor Haris Papadakis
0

Vielleicht kann das helfen:
Eine andere HTML-Datei in eine HTML-Datei

Können Sie machen eine header.html und in allen anderen html-Dateien Ihrer website.

InformationsquelleAutor DanielaB67

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.