Como fazer um menu HTML sem copiar/colar em cada pagina?

Estou tentando descobrir como colocar meu menu em um arquivo, para que quando eu mudar o menu, não tenho para editá-lo em todas as páginas. Eu tentei <script src="Menutop.css"></script> (e menutop.js) sobre as páginas, mas isso não é assim. No arquivo Menutop.css, há apenas o HTML e os links para o menu, talvez eu tenho que colocar alguma coisa lá em cima para fazer o trabalho? Ou talvez, devo colocar os códigos HTML Links, no Style. css mesmo, onde está o meu script de menu? Se sim, como melhor eu posso fazer isso? Obrigado pela sua ajuda! Eu encontrei a solução mais fácil! Eu acabei de menu em uma página: pagina! Então usei um Iframe que mostra a pagina. E na pagina,... Ive colocar isso em meus links: target = Top"que faz com que o iframe sair apenas como se fosse um menu real e não um iframe! Então, em minha pagina sua assim: <a href="Muziek.html" target="_top">Muziek</a>

Resposta

A maneira correta é usando uma linguagem de script do lado do servidor como PHP. Além disso, em vez de incluir o mesmo menu em várias páginas, o que fazer em vez disso é incluir conteúdo dinâmico em uma página de índice único. A idéia básica é usar URLs como index.php?page=about, em seguida, incluir [parâmetro página]. php dentro de index. php como este: <?php $p="$_GET['page']" .="" "php";="" if="" (!file_exists($p))="" $p="404.php" ;="" include="" $p;=""?> _ com apenas HTML, você pode usar javascript para evitar código duplicado; a maneira mais simples é esta: var menuhtml = "<a href='about.html'>... </a>"; InnerHtml document.querySelector ("#mainmenu") = menuhtml;

Agora, coloque isso em seus documentos:<nav id="mainmenu"></nav> <script src="menu.js"></script>