Is there a way to include all the meta tag, link rel and script src includes in one file, and then require that file?
The reason I ask is because I have like 10-15 lines that i am copying into every file and figured there might be another way.
I put everything in one file and tried the Jquery load function, but to no avail.
Thanks
Is there a way to include all the meta tag, link rel and script src includes in one file, and then require that file?
The reason I ask is because I have like 10-15 lines that i am copying into every file and figured there might be another way.
I put everything in one file and tried the Jquery load function, but to no avail.
Thanks
Share Improve this question asked Oct 28, 2014 at 21:34 NorCalKnockOutNorCalKnockOut 8783 gold badges11 silver badges27 bronze badges 1- You could write some javascript to do all of that, then load the js on each page. – Jonathan M Commented Oct 28, 2014 at 21:37
6 Answers
Reset to default 11Create a head.html file like this:
<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.min.js" ></script>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<title>Your application</title>
Now include head.html in your HTML pages like this:
<head>
<script type="text/javascript" src="js/lib/jquery-1.11.1.min.js" ></script>
<script>
$(function(){ $("head").load("head.html") });
</script>
</head>
If you are wanting to use jquery you can use the get function and then append your files values to the tag.
It would look something like the following:
//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
With only js and html you have 2 ways:
1) create a js script and load it every page (not so much different from now but copy much less rows)
2) just do 1 page and refresh part of the content (or whole body) with an Ajax call.
What are you looking for it's a server side pre-processing that "merge" parts so it's very simple to do with php (include), java/jsp, and so on.
Maybe you can use php echo to every page.
for example:
<?php include 'path/to/your/file'; ?>
Best solution especially for crawlers and robots is to run everything on server side. Running on client side will make that crawlers will not see that data. So better solution is to <?php include 'file'; ?>
I would use jquery append to append only the head code that you want to share in all files. Add this to your head.
<script>
(async function () {
$.get("CustomHead.html", function (data) {
$("head").append(data);
});
})();
</script>
And then you can create the CustomHead.html which will be spreaded to all the html files you added the above script
<meta property="og:site_name" content="" />
<!-- website name -->
<meta property="og:site" content="" />
<!-- website link -->
<meta property="og:title" content="" />
<!-- title shown in the actual shared post -->