Вообще говоря:

Визуально

CSS . Существует множество методов для укладки контента (в зависимости от точного эффекта, который вы хотите, Holy Grail является общим желанием).

Свойства overflow обрабатывают прокрутки подсекций страниц, хотя дизайнеры, которые думают, что имеют меню, использующее экранное пространство все время , хорошая идея, как правило, неправильна.

Избегайте дублирования метаконтента

(т. е. накладывайте на на странице такие вещи, как базовая структура, меню навигации и т. д. без копирования / вставка их)

Система шаблонов (или система включения), которая либо работает на стороне сервера (чаще всего), либо во время сборки (которая может поддерживать HTTP-серверы, которые разрешают только статические файлы).

Язык, в котором это реализовано, не имеет значения, PHP так же распространен, как гадость, Java - это вариант, я склонен к Perl (а точнее: Template Toolkit ), есть много других. JavaScript становится все более популярным для этого типа работы, при этом инструменты, такие как собирают , становятся доступными. Вы можете полностью использовать статический генератор сайта .

Используйте поисковую систему, чтобы найти популярные языки шаблонов или включить системы для вашего языка программирования по выбору.

Загрузка нового контента без выхода из страницы

JavaScript, обычно с объектом XMLHttpRequest (метод, известный как Ajax), и (если вы делаете серьезные изменения содержимого) в сочетании с History API (так что закладок и ссылок все еще работает). Гитуб - хороший пример этого . Существуют различные рамки, такие как React и Angular , которые пытаются облегчить ситуацию. Обратите внимание на ограниченную поддержку браузера и все другие вещи, которые могут вызвать JS-файл, с использованием хороших принципов дизайна . Один из подходов к тому, чтобы сделать эти вещи прочными, - написать изоморфный JS .