Имеем например три страницы. В каждой странице меню одинаковое.
<html>
<title>Page 1</title>
<body>
<a href="page1.html"></a> <a href="page2.html"></a> <a href="page3.html"></a>
Content page1.
<body>
</html>
<html>
<title>Page 2</title>
<body>
<a href="page1.html"></a> <a href="page2.html"></a> <a href="page3.html"></a>
Content page2.
<body>
</html>
<html>
<title>Page 3</title>
<body>
<a href="page1.html"></a> <a href="page2.html"></a> <a href="page3.html"></a>
Content page3.
<body>
</html>
При добавлении четвёртой страницы приходится менять меню во всех страницах. А если их будет сто или больше, то чтобы не тратить время и силы, можно создать файл menu.html с таким содержимым:
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
а в каждой странице вместо меню написать такую строку:
<!--#include virtual="menu.html" --> если хостер предоставляет SSI
и файлы страниц будут выглядеть так:
<html>
<title>Page N</title>
<body>
<!--#include virtual="menu.html" -->
Content page N.
<body>
</html>
При добавлении новой страницы или удалении надо будет добавить/убавить всего одну строку в файле меню.
