Как делать переходы по клику без перезагрузки страницы

[Джулия]

Добрый вечер!
Подскажите,пожалуйста мне..немного запуталась
есть странички index.html, about.html и другие..

страница index.html состоит из хедера, навигации, контента и футера. В навигационном меню есть ссылка Обо мне.

страница about.html состоит из хедера, навигации,контента-Обо мне и футера.

Как делать переход со страницы index.html по клику на Обо мне на страницу about,html, чтобы страница заново не перезагружалась? (разные у этих страниц только контент,а футер и хедер одинаковые). Хочется,чтобы футер и хедер и меню оставались на месте,а изменялся только контент.

возможно ли такое сделать html - страничками?

или такое делается на php или другом языке программирования?

 

Спасибо) извиняюсь,если не в ту тему написала

Edited September 27, 2016 by Джулия

[wwt]

без javascript  никак

[Switch74]

можете попробовать через iframe, а вообще php и js лучше использовать

[jdk]

Ну и недавно выпущенный angular2.

[pamavik]

Есть плагин jquery PJAX

[keltanas]

Ну ща эксперты насоветуют...

Это делается при помощи History API

Поддерживается большинством совмеренных браузеров и большинством современных JS фреймфорков. Можно использовать и нативно.

К серверным технологиям не имеет никакого отношения, по крайней мере, пока не возникнет вопрос SEO-продвижения.

Edited September 28, 2016 by keltanas

[by chris]

@keltanas, по-моему тут только xhr катит. В условии страница обо мне не посещена.

[keltanas]

23 минуты назад, by chris сказал:

@keltanas, по-моему тут только xhr катит. В условии страница обо мне не посещена.

Вам следовало бы ознакомиться с документацией, примерами использования и деталями реализации во фреймворках, прежде чем делать выводы.

Edited September 28, 2016 by keltanas

[Николя223]

чтобы была видимость полного перехода есть history api

[fiver]

А вариант скрытия / отображения слоев не катит? Тут можно обойтись только css.

Но номинально весь контент будет на одной странице, но в разных div. Просто в зависимости от нажатой кнопочки, один слой будет отображаться, а другие будут скрыты.