как переходить по страницам сайта что бы при этом лого на сайте не обновлялось?
 

Помогите пожалуйста, нужно что бы при переходе по страницам сайта (Контакты,Портфолио,О себе и т.д) логотип (.png картинка) не обновлялась (не исчезала во время загрузки страницы)
p.s главное что бы на поисковой оптимизации никак не сказалось

XMLHttpRequest

Как простой вариант на jQuery. Допустим, основной контент сайта находится в неком тэге с id="content".

$(document).on('click', 'a[href][target!="_blank"]', function() {
   if(~this.href.indexOf('#')) {
      $('#content').load(this.href + ' #content');
      window.history.pushState(null, null, this.href);
      return false;
   }
});

Это для тебя: http://habrahabr.ru/post/205616/#comment_7085638

danik.js, окей.

$(document).on('click', 'a[href][target!="_blank"]', function() {
   if(this.href.indexOf('#') + 1) {
      $('#content').load(this.href + ' #content');
      window.history.pushState(null, null, this.href);
      return false;
   }
});

Ruslan_xDD, походу ты нифига не понял. Твой второй вариант ведь тоже не совсем очевиден и не очень логичен, верно?

danik.js, Зануда -___-

$(document).on('click', 'a[href][target!="_blank"]', function() {
   if(this.href.indexOf('#') != -1) {
      $('#content').load(this.href + ' #content');
      window.history.pushState(null, null, this.href);
      return false;
   }
});