Mettez la tête HTML dans un autre fichier

Existe-t-il un moyen d'inclure toutes les meta tag , link rel et script src dans un fichier, puis exiger ce fichier?

La raison pour laquelle je demande, c'est parce que j'ai comme 10-15 lignes que je copier dans chaque fichier et pensé qu'il pourrait y avoir une autre façon.

J'ai mis tout dans un fichier et j'ai essayé la fonction de chargement de Jquery, mais en vain.

Merci

Créez un fichier head.html comme ceci:

 <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Meta --> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <!-- JS --> <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script> <script type="text/javascript" src="js/lib/angular.min.js"></script> <title>Your application</title> 

Maintenant, incluez header.html dans vos pages HTML comme ceci:

 <head> <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script> <script> $(function(){ $("head").load("header.html") }); </script> </head> 

Si vous désirez utiliser jquery, vous pouvez utiliser la fonction get et ensuite ajouter vos valeurs de fichiers à la balise.

Il ressemblerait à ce qui suit:

  //don't forget to include the file extention in the file path var include = "pathOfYourIncludeFile"; $.get(include, function(data){//begin jquery get function //append the data returned from your file and append it to the head $("head").append(data); });//end jquery get function 

Avec seulement js et html vous avez 2 façons:

1) créez un script js et chargez-le toutes les pages (pas tellement différentes à partir de maintenant, mais copiez beaucoup moins de lignes)

2) faites simplement 1 page et rafraîchissez une partie du contenu (ou du corps entier) avec un appel Ajax.

Ce que vous cherchez, c'est un prétraitement du côté du serveur qui "fusionne" des pièces, donc c'est très simple à faire avec php (include), java / jsp, .net, etc.

Peut-être que vous pouvez utiliser php echo sur chaque page. Par exemple: < ?php include 'path/to/your/file'; ?> ?php include 'path/to/your/file'; ?>