HTML/CSS de la Barre de Navigation sur plusieurs pages

Je viens de finir de faire mes home/index.html page. Pour garder la barre de navigation où il est, et de rester, tandis que les utilisateurs cliquent à travers toutes mes pages. Dois-je copier et coller la valeur liquidative code en haut de chaque page? Ou est-il une autre façon de faire qui serait plus propre?

HMTL nav:

<nav>
    <div>
        <a href="/">
            <div id="logo"><img src="image.png" alt="Home"/></div>
            <div id="headtag"><img src="image.png" alt="Home"/></div>
            <div id="tagline"><img src="image.png" alt="Home"/></div>
        </a>
    </div>
    <div> 
        <a href="/" class="here">Home</a>
        <a href="/about.html" >About</a>      
        <a href="/services.html" >Services</a>          
        <a href="/pricing.html" >Pricing</a>    
        <a href="/contact.html" >Contact Us</a>
        <input id="srchbar" type="search" placeholder="Search">
    </div>
</nav>
  • Oui. Gardez à l'esprit que lorsqu'un utilisateur clique sur un lien dans votre navigation, votre serveur/système local est d'envoyer le fichier indiqué par le lien de téléchargement et d'affichage. Lorsqu'ils cliquent sur "Sur les," about.html sera chargé par le navigateur. Donc, il doit contenir la même navigation.
  • si vous avez un langage côté serveur, vous pouvez mettre ce code dans un template et d'inclure dans toutes les pages d'utiliser angular js pour faire de cette directive
  • Je suis à la recherche de la même chose. C'est une honte que, en 2017, nous ne pouvons pas faire cela avec un client basé sur le web site. Microsoft a eu le concept d'une page maître (_layouts dans la version actuelle) pour toujours. Semble comme un "conteneur de la page" ne serait pas ridicule.
InformationsquelleAutor blackRob4953 | 2015-08-12