Como usar o mesmo rodapé em várias páginas

[cvdmy]

Olá pessoal, no index.html, criei a tag <footer>, como faço para usar esse mesmo <footer> em outras páginas, para não ficar repetindo o código em varias páginas html ?

<footer>
        <p>Site criado por JS projetos</p>
</footer>

html5, css3, JavaScript

Obrigado.

[lowys]

Olá!
Não é possível fazer isso somente com html.
você pode escrever um trecho javascript que carregue/mude apenas o miolo do seu site, preservando a estrutura em comum (cabeçalho, menu, rodapé)
Ou pode usar geradores de html, como o pug(q é ótimo)
Com o pug, você escreve um pseudo html e ele gera o html final pra você.
Com o pug, você pode escrever trechos, como header, menus, rodapé, etc... e importar somente onde quiser.

Mas a solução que acredito ser a ideal, seria usar um framework moderno (vue, react, angular, svelte, ...)
E escrever seu scss(q vai gerar seu css) e jsx(q vai gerar seu html) de forma mais elegante e eficiente
Com os frameworks modernos, você pode criar componentes: Header, Menu, Footer
E reutilizá-los onde quiser, passando parâmetros que podem alterar completamente seu estilo e conteúdo.

[cvdmy]

14 horas atrás, lowys disse:

Olá!
Não é possível fazer isso somente com html.
você pode escrever um trecho javascript que carregue/mude apenas o miolo do seu site, preservando a estrutura em comum (cabeçalho, menu, rodapé)
Ou pode usar geradores de html, como o pug(q é ótimo)
Com o pug, você escreve um pseudo html e ele gera o html final pra você.
Com o pug, você pode escrever trechos, como header, menus, rodapé, etc... e importar somente onde quiser.

Mas a solução que acredito ser a ideal, seria usar um framework moderno (vue, react, angular, svelte, ...)
E escrever seu scss(q vai gerar seu css) e jsx(q vai gerar seu html) de forma mais elegante e eficiente
Com os frameworks modernos, você pode criar componentes: Header, Menu, Footer
E reutilizá-los onde quiser, passando parâmetros que podem alterar completamente seu estilo e conteúdo.

 

[cvdmy]

Olá !

Quando abrir a página por exemplo empresa.html, como faço para, atravéz do JavaScript, mostrar o <footer> que está em index.html, espero ter conseguido explicar a minha dúvida, obrigado.