Skip to main content

Resolving Absolute Paths of included files from relative paths when using SEO friendly URLs

How to resolve base paths of your included files when using Htaccess mod rewrite rules for generating SEO friendly URL?

Most of the programmers might have encountered a design break issue while using mod rewrite rule in htaccess to override websites dynamic url with SEO friendly URLs

SEO friendly URLs

Search Engine Friendly URLs are purely structural URLs that do not contain a query string and instead contain only the path of the resource.

A dynamic url may look like:
this url may not look so pretty

You can rewrite this to a SEO friendly URL like this

Even though the webpage is called as in background server is accessing the actual url of the webpage ie,

This is done by using mod_rewrite rule in htaccess file.

Apaches mod_rewrite rule is a really sophisticated module which provides a powerful way to do URL manipulations. With it you can do nearly all types of URL manipulations you ever dreamed about.

in the .htaccess file add this

RewriteEngine On
RewriteBase /
RewriteRule ^search/([a-z0-9\-_]+)(/)?$ index.php?act=search&key=$1 [L]

ErrorDocument 404

Mod rewrite - design breaks - JS and CSS Includes fails

If you are including JS and CSS file in your web pages using the relative paths like

<title> PHP techi </title>

<link rel=stylesheet type="text/css" href="include/style.css">
<script language="JavaScript" src="include/scr.js"></script>


then there is a chance like, you will see you web design break or your JS functions do not work.

this is because when you used the url rewriting the absolute url to the style.css and scr.js files (shown above) becomes :

but it is invalid. The valid path for this files are :

and this is the reason for your design break and JS scrpt failing.

Solution to the problem

Add a BASE tag inside the head tag just before calling all the including files.

The <base> tag specifies the base URL/target for all relative URLs in a document.
The <base> tag goes inside the <head> element.

it looks like the one below:

<title> PHP techi </title>
<base href="" />
<link rel=stylesheet type="text/css" href="include/style.css">
<script language="JavaScript" src="include/scr.js"></script>


Mod rewrite - Query string checking
Usage of BASE tag
Apache Mod rewrite rule
Apache Mod rewrite Guide


Post a Comment

Popular posts from this blog

Payback Points - How to redeem - How to merge multiple payback accounts - Block Payback card - Payback customer care

Your SBI Debit card ending with XX0000 is deactivated only for Internet txn.

SBI account holders may have received an SMS with following message, supposed to be from State Bank of India (SBI).

Your SBI Debit card ending with XX0000  is deactivated only for Internet txn. To activate send SMS "SWON ECOM 0000" to 09223966666. No change for ATM/POS usage
** Replace the four Zeros with last 4 digits of your debit card number

Recently many of the SBI account holder has losed their money due to a hi-tech ATM robbery which happened in Thiruvananthapuram, capital city of Kerala.

Joomla and Forum Integration - Integrating Forums to Joomla

Joomla is one of the most popular CMS opensource packages. It is very easier to develop website's using Joomla. You just need to download Joomla package from Joomla's Official website  and install it on your domain and later adding customizations to templates and feature and Your website is ready :). Now a days most websites provides a forum section for it users for discussing various article topics, gathering opinions etc.

Following are some best know forum opensource packages which can be integrated with Joomla and create a new forum experience for users

Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to   Read more »
Search This Blog