Répéter le même code HTML en plusieurs pages

J'ai vraiment un moment difficile la recherche de ce, parce que je n'ai aucune idée de comment l'appeler.

Je vais essayer de décrire le processus que je veux, et voir si l'une de vous connais un éditeur.
J'ai un site qui a le même composant html répétées en eux, par exemple, un menu. Je peux définir la façon dont le menu ressemble avec css, mais je ne peux pas (autant que je sache) ajouter le même morceau de code html pour chaque page html avec une simple ligne.
Ce que je fais, c'est de copier le menu à chaque endroit. Si je change le menu, j'ai besoin de faire tout cela de nouveau.
Je sais que cela peut être réalisé en utilisant un serveur dynamiques, avec quelque chose comme php ou jsp, mais je n'ai pas besoin d'être dynamique.

Je me demandais si il y avait un moyen de le faire.
J'ai pensé éventuellement il y avait un éditeur, où je peux modifier le code html à l'aide comprend, et puis "compiler" le format html après modification pour produire le format html, je vais remplacer sur mon serveur.

Grâce

vous pouvez la réaliser à l'aide de jQuery .load() fonction. Mais je suppose que vous n'êtes pas à la recherche pour jQuery en fonction des solutions.
C'est ce qu'est PHP. Il n'importe pas de savoir si ou non le contenu est dynamique. Il suffit d'écrire le menu une fois, et de l'inclure avec PHP à chaque fois que vous en avez besoin.
Je pense que vous êtes à la recherche à la création de modèles, et je pense que dreamweaver a ce genre de fonction?
Je suis entièrement d'accord avec vous, cela pourrait être la solution la plus simple
Si vous ne cherchez pas à utiliser le PHP alors je pense que Clyde de l'idée de l'utilisation de jQuery pour charger le menu est une bonne idée. Bien qu'il introduira la surcharge d'avoir à charger jQuery.

OriginalL'auteur poet | 2012-06-28

  1. 4

    Ont un coup d'oeil à server side includes ... créer un menu.shtml page et de l'inclure comme suit :

    <!--#include virtual="/menu.shtml" -->

    Pris en charge par la plupart des serveurs web de la boîte (y compris IIS, Apache et lighttpd)

    OriginalL'auteur ManseUK

  2. 1

    Avez-vous entendu parler MasterPage Concept

    Le lien ci-dessous vous donnera un démarrage rapide

    Page principale sont les pages qui servira de cadre pour toutes les autres pages. Vous devez écrire une seule. Et chaque page qui est à venir en vertu de cette, devra inclure la page maître. C'est tout!

    OriginalL'auteur madhairsilence

  3. 1

    Vous pouvez le faire avec jquery

    Supposons que vous disposez d'page1.html page2.html etc.

    Vous voulez dans chacune de ces pages votre info contact. Vous pouvez créer un fichier avec le nom "info.txt". À l'endroit où vous souhaitez que cette information de contact, vous mettre une div. comme indiqué dans cet exemple

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- page content -->
    <div id="contact"></div>
  </body>
</html>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
        $("#contact").load("info.txt");
    ;
});
</script>

    Tout ce que vous placez dans 'info.txt" va être mis sur le spot de avez-vous été mis

    OriginalL'auteur Richard

  4. 0

    Vous pourriez écrire un peu simple de js dans un fichier externe et ensuite l'appeler dans chaque page pour charger dynamiquement le menu. Ensuite, vous pouvez simplement éditer le menu de modification du fichier JS. tout vous devez faire est de comprendre la dans le code html et l'utilisation du document.getElementById("menu").innerHTML = menuHTML; où menuHTML est une variable qui contient la pure code HTML du menu. Vous pouvez ensuite inclure le fichier JS et l'appeler dans le body onload

    OriginalL'auteur Ryan Durrant