html - Using absolute links in PHP included header -


i include header in every page using php, when edit header won't have change on every page. pretty sure if that, relative links according page php included in. there problem using absolute links this? sorry if simple question , wondering if there rules related this.

<header>             <div class="navbar">                 <a href="/"><img style="margin:10px;" src="../images/logo.png" alt="logo"/></a>                 <a href="/"><img style="position:relative;bottom:14px;" src="../images/line.png" alt="line"/> </a>                 <a href="/"><img class="navbaricon" id="one" src="../images/home.png" alt="home"/></a>                 <a href="javascript:void(0);"><img class="navbaricon" id="two" src="../images/artist.png" alt="artists"/></a>                 <a href="../releases"><img class="navbaricon" id="three" src="../images/releases.png" alt="releases"/></a>                 <a href="../join"><img class="navbaricon" id="four" src="../images/join.png" alt="join"/></a>             </div>             <div class="artists">                 <div class="artistlinks">                 <p>brady hartvigsen</p>                 <a href="../artists/bradyhartvigsen"><img src="../images/artists/bradymain.jpg" alt="brady hartvigsen"/></a>                 <p>catalyst</p>                 <a href="../artists/catalyst"><img src="../images/artists/catalystmain.jpg" alt="catalyst"/></a>                 <p>emmi moffitt</p>                 <a href="../artists/emmimoffitt"><img src="../images/artists/emmimain.jpg" alt="emmi moffitt"/></a>                 <p>frederik jyll</p>                 <a href="../artists/frederikjyll"><img src="../images/artists/fredmain.jpg" alt="frederik jyll"/></a>                 <p>j.r. hansen</p>                 <a href="../artists/jrhansen"><img src="../images/artists/jrmain.jpg" alt="jr hansen"/></a>                 <p>kate berry</p>                 <a href="../artists/kateberry"><img src="../images/artists/katemain.jpg" alt="kate berry"/></a>                 <p>ryan cluff</p>                 <a href="../artists/ryancluff"><img src="../images/artists/ryanmain.jpg" alt="ryan cluff"/></a>                 <p>silter</p>                 <a href="../artists/silter"><img src="../images/artists/siltermain.jpg" alt="silter"/></a>                 </div>             </div>             <script>                 $("a:nth-child(4)").click(function () {                      $(".artists").animate({width:'toggle'},500);                 });             </script>                </header> 

this header looks like

you can use both absolute , relative paths. when using relative paths have make sure path relative file including from.

i recommend use relative paths, since moving site server or path on server easier.

also, may talking relative html links. solve setting "rel" parameter in main file.

both types of relative solved in sample:

/mysite/webroot/index.php

<?php define('relpath',''); include_once(relpath.'../includes/header.inc.php'); ... ?> 

/mysite/webroot/otherpage/index.php

<?php define('relpath','../'); include_once(relpath.'../includes/header.inc.php'); ... ?> 

/mysite/includes/header.inc.php

<html> .... <body> .. <a href="<?php print relpath;?>">front page</a><br /> <a href="<?php print relpath;?>otherpage/">other page</a><br /> 

Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -