Comment faire des menus de navigation HTML réutilisables?

Pour ce faire, vous devrez utiliser une technologie latérale du serveur. Par exemple, vous pourriez ...

• les inclure dans php

• les mettre dans la page maître de .NET

• Mettez ceci dans une page partielle ou de mise en page dans des rails

  Quelques lecture:

  HTTP : //us.php.net/manual/fr/function.include.php

  http://msdn.microsoft.com/en-us/library/wtxbf3hh.aspx

  Une autre solution serait de créer tout cela en utilisant JavaScript, mais s'il vous plaît ne le faites pas comme ça:)

  html: xxx

  hack.js: xxx

Le côté du serveur comprend la voie à suivre si vous ne voulez pas utiliser de langage de programmation.

Ils prennent ce formulaire: P>

<!--#include virtual="menu.html" -->

Jusqu'à présent, l'une des meilleures solutions que j'ai trouvées est de modéliser les menus après le fils de Suckerfish Solution XHTML / CSS assez bien documenté sur Internet, associé à une logique sur le serveur pour rendre la liste non ordonnée. En utilisant des listes non commandées, vous avez quelques options différentes sur la manière de générer les résultats, mais aussi longtemps que le menu contient une hiérarchie de base, vous pouvez le générer. Ensuite, pour la page réelle, tout ce que vous avez à faire est d'inclure une référence à la fonction de génération de menu.

J'ai fait ces deux manières distinctes - une utilisation du côté serveur (PHP) et une utilisation de JavaScript (pour les démos qui doivent pouvoir fonctionner sans aucune connexion Internet ni de fonctionnalités de serveur).

pour PHP inclut votre les pages devront se terminer avec .php plutôt que .htm ou .html, et celles-ci sont très idéales pour remplacer votre en-tête, votre pied de page, votre navigation, etc. tout ce qui est répété sur plusieurs pages. P>

essentiellement que vous voudriez Créez votre code normal puis copiez et collez le code que vous souhaitez sortir - dans cet exemple, votre navigation - et enregistrez-la dans un autre fichier appelé (par exemple) inc_navigation.htm (cette page peut être appelée .htm). P >

Dans vos pages réelles, vous utiliseriez le code suivant: p> xxx pré>

qui insérerait votre navigation à ce moment-là, si vous aviez un changement pour vous faire " d Faites-le au fichier .htm et il se propagerait à n'importe quelle page avec celle incluse. p>

Pour JavaScript inclut vous devrez inclure la ligne suivante en haut de chaque document où vous le souhaitez. inclure votre navigation: p> xxx pré>

alors vous créerez un document appelé inclut.js. p>

En haut de ce document, vous déclarerez votre Variable de navigation: P>

<script type="text/javascript">show(navigation);</script>

sans aucun script côté serveur ou JavaScript, vous pouvez utiliser des tags d'objet ou d'iframe.

http://www.w3schools.com/tags/tag_object.asp < / p>

http://www.w3schools.com/tags/tag_iframe.asp < / p>

La seule chose à soigner est d'indiquer cible = "parent" dans les liens.

espère qu'il aide

Je faisais face à la même chose. Ensuite, j'ai créé un nouveau fichier pour stocker le code HTML de la barre de navigation.

J'ai créé un fichier Navbar.html qui avait tout mon code à barres de navigation. Ensuite, dans votre fichier HTML principal où vous souhaitez que la barre de navigation, incluez simplement ce fichier à l'aide de jQuery. xxx

puis à l'endroit où vous voulez la barre de navigation, ajoutez simplement cette ligne. : xxx

Réponse moderne à une question de six ans: Les composants Web sont des composants HTML spécifiquement réutilisables et polymère est peut-être la mise en œuvre la plus populaire en ce moment. Actuellement, pratiquement aucun navigateur n'a de prises de support native pour les composants Web, donc au moins une polyfill JavaScript est requise.

Utilisation d'un script w3 ..

index.html xxx

header.html xxx

nav.html xxx

Voir aussi: http://www.w3schools.com/howto/howto_html_include.asp

et n'oubliez pas de Testez ce code sur votre localhost.