I currently have a responsive website design that has all the content in index.php and only shows the selected div according to which page is being viewed. The menu tabs are just link to the different "pages" (div's) as #blog for example.
I would like to have "Real" links to each separate page so i can have www.example.com/blog link directly to my blog instead of www.example.com/#blog
.htaccess? ajax? separate all my content into their own .html and have index.php load them according to whichever page is requested?
pushState() or replaceState() is what you want. Then once you have that you will also need to route all the requests to your main page through .htaccess and then pick them up after the page is loaded.